@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

:root {
  --blue: #248fbd;
  --blue-deep: #1688bd;
  --text: #262626;
  --muted: #808080;
  --line: #e5e5e5;
  --font: Roboto, Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: var(--text); font-family: var(--font); font-size: 14px; font-weight: 400; line-height: 1.5; -webkit-font-smoothing: antialiased; }
a { color: var(--blue); text-decoration: none; }
a:hover { color: #1479aa; }
svg { display: block; }

.site-header { position: sticky; z-index: 20; top: 0; height: 50px; border-bottom: 1px solid #ededed; background: rgba(255,255,255,.97); }
.nav-shell { display: flex; width: min(930px, calc(100% - 42px)); height: 49px; align-items: stretch; justify-content: space-between; margin: auto; }
.nav-main, .nav-tools { display: flex; align-items: stretch; }
.nav-main { gap: 18px; }
.nav-link { display: flex; position: relative; align-items: center; padding: 0 7px; color: #258ab4; font-size: 14px; font-weight: 500; white-space: nowrap; }
.nav-link.active::after { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: #2497c8; content: ''; }
.nav-tools { align-items: center; gap: 24px; }
.language-static { display: inline-flex; align-items: center; gap: 5px; color: #278bb4; font-size: 14px; font-weight: 500; white-space: nowrap; }
.language-static svg { width: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.caret { width: 0; height: 0; margin: 2px 0 0 1px; border-top: 4px solid currentColor; border-right: 3px solid transparent; border-left: 3px solid transparent; }
.follow-link { display: inline-flex; align-items: center; gap: 9px; color: #278bb4; font-size: 14px; font-weight: 500; white-space: nowrap; }
.follow-link svg { width: 16px; height: 16px; fill: currentColor; }
.theme-mark { display: grid; width: 18px; height: 22px; place-items: center; margin-left: 26px; color: #c4cbd0; }
.theme-mark svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }

.intro-shell { position: relative; width: min(980px, calc(100% - 46px)); height: 310px; margin: 0 auto; }
.hero-brand { position: absolute; top: 35px; left: 50%; width: 320px; text-align: center; transform: translateX(-50%); }
.telegram-mark { display: grid; width: 128px; height: 128px; margin: 0 auto 7px; border-radius: 50%; background: #2ca5dc; }
.telegram-mark svg { width: 100%; height: 100%; }
.telegram-mark svg circle { fill: #2ca5dc; }
.telegram-mark .plane { fill: #fff; }
.hero-brand h1 { margin: 5px 0 2px; color: #464646; font-size: 34px; font-weight: 700; letter-spacing: -.045em; line-height: 1.15; }
.hero-brand p { margin: 13px 0 0; color: #9a9a9a; font-size: 17px; font-weight: 300; }
.recent-aside { position: absolute; top: 40px; left: calc(50% + 145px); width: 292px; min-height: 211px; padding: 0 0 0 16px; border-left: 2px solid #36a3d2; }
.recent-aside h2 { margin: 0 0 12px; font-size: 15px; font-weight: 500; line-height: 1.3; }
.recent-aside h2 a { color: #278eb9; }
.aside-story { display: block; margin: 0 0 10px; color: #348bb2; font-size: 12px; line-height: 1.35; }
.aside-story strong { display: block; margin-bottom: 1px; color: #222; font-size: 12px; font-weight: 700; }
.aside-story span { display: block; }

.apps-showcase { width: min(840px, calc(100% - 40px)); margin: 0 auto; }
.mobile-apps { display: grid; width: min(620px,100%); height: 310px; grid-template-columns: 260px 1fr; align-items: start; gap: 30px; margin: 1px auto 0; }
.phone-pair { position: relative; width: 200px; height: 255px; margin: 0 auto; }
.phone { position: absolute; width: 114px; height: 225px; overflow: hidden; padding: 4px; border: 4px solid #1c2229; border-radius: 16px; background: #1c2229; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.phone-back { top: 0; left: 13px; transform: rotate(-1deg); }
.phone-front { z-index: 2; top: 20px; right: 4px; width: 119px; height: 230px; transform: rotate(1deg); }
.phone-screen { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 10px; background: #fff; }
.phone-status { display: flex; height: 15px; align-items: center; justify-content: space-between; padding: 0 7px; background: rgba(255,255,255,.95); color: #222; font-size: 6px; font-weight: 700; }
.screen-title { display: flex; align-items: center; justify-content: space-between; padding: 7px 7px 5px; color: #2698ca; font-size: 9px; font-weight: 700; }
.screen-title span { font-size: 11px; }
.screen-search { margin: 0 6px 5px; padding: 3px 6px; border-radius: 5px; background: #eff2f5; color: #a1aab0; font-size: 6px; }
.contact-row { display: flex; height: 32px; align-items: center; gap: 5px; padding: 2px 5px; border-bottom: 1px solid #f1f2f3; }
.mini-avatar { display: grid; width: 22px; height: 22px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #fff; font-size: 9px; font-style: normal; font-weight: 700; }
.mini-avatar.aqua { background: #4ab6cc; }.mini-avatar.pink { background: #dc8fa8; }.mini-avatar.orange { background: #efaa66; }.mini-avatar.violet { background: #8579c7; }.mini-avatar.blue { background: #4296d1; }.mini-avatar.yellow { background: #dbbb57; }
.contact-row span { display: grid; min-width: 0; gap: 1px; }.contact-row b { overflow: hidden; color: #33404b; font-size: 6px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.contact-row small { overflow: hidden; color: #8c969e; font-size: 5px; text-overflow: ellipsis; white-space: nowrap; }.contact-row em { margin-left: auto; color: #aab1b7; font-size: 5px; font-style: normal; }
.phone-tabbar { display: flex; position: absolute; right: 0; bottom: 0; left: 0; height: 19px; align-items: center; justify-content: space-around; border-top: 1px solid #e9edf0; background: #fff; color: #44a4d0; font-size: 9px; }
.chat-bar { display: flex; height: 34px; align-items: center; gap: 6px; padding: 0 6px; border-bottom: 1px solid #e7ebee; color: #309acb; }
.chat-bar > span { font-size: 17px; }.chat-bar b { display: grid; flex: 1; color: #24394b; font-size: 6px; line-height: 1.25; }.chat-bar small { color: #8795a0; font-size: 5px; font-weight: 400; }.chat-bar i { font-size: 12px; font-style: normal; }
.chat-wallpaper { position: relative; height: 157px; padding: 9px 5px; background: radial-gradient(circle at 20% 25%,#b9ecdb 0 17px,transparent 18px), radial-gradient(circle at 80% 70%,#ffe8a9 0 20px,transparent 21px), linear-gradient(145deg,#c1eff0,#9bd8e8); }
.bubble { position: relative; width: fit-content; max-width: 85%; margin-bottom: 7px; padding: 5px 6px 8px; border-radius: 6px; background: #fff; color: #374b58; font-size: 5px; line-height: 1.45; box-shadow: 0 1px 2px rgba(0,0,0,.08); }.bubble small { position: absolute; right: 4px; bottom: 1px; color: #93a3ab; font-size: 4px; white-space: nowrap; }.bubble.sent { margin-left: auto; background: #dcf8c6; }
.duck-sticker { position: absolute; top: 54px; right: 6px; font-size: 32px; filter: drop-shadow(0 1px 1px rgba(0,0,0,.12)); }.photo-sticker { display: grid; position: absolute; bottom: 16px; left: 9px; width: 45px; height: 40px; place-items: center; border-radius: 6px; background: linear-gradient(145deg,#88cfd6,#f4b0ae 55%,#f8d487); color: #fff; font-size: 22px; }.photo-sticker small { position: absolute; right: 3px; bottom: 2px; color: #fff; font-size: 4px; }
.chat-compose { display: flex; height: 25px; align-items: center; gap: 5px; padding: 0 6px; color: #439fc4; }.chat-compose span { font-size: 13px; }.chat-compose small { flex: 1; color: #a1acb2; font-size: 6px; }.chat-compose b { display: grid; width: 13px; height: 13px; place-items: center; border-radius: 50%; background: #34a3d3; color: #fff; font-size: 6px; }
.tablet-preview { width: 300px; height: 200px; overflow: hidden; margin-top: 19px; border: 6px solid #20252a; border-radius: 11px; background: #fff; box-shadow: 0 3px 6px rgba(0,0,0,.15); transform: perspective(700px) rotateY(-2deg); }
.tablet-top { display: flex; height: 17px; align-items: center; justify-content: space-between; padding: 0 8px; background: #f5f7f8; color: #7a8891; font-size: 5px; }
.tablet-body { display: grid; height: calc(100% - 17px); grid-template-columns: 40% 60%; }
.tablet-sidebar { display: grid; align-content: start; gap: 5px; padding: 7px 6px; border-right: 1px solid #e7ecef; color: #596a76; font-size: 5px; }.tablet-sidebar b { color: #2798c9; font-size: 8px; }.tablet-sidebar small { padding: 3px; border-radius: 3px; background: #f0f2f4; color: #a0a8ad; font-size: 5px; }.tablet-sidebar i { overflow: hidden; padding: 3px 2px; border-bottom: 1px solid #f0f1f2; font-size: 5px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.tablet-chat { position: relative; padding: 6px 8px; background: #dff1ee; }.tablet-chat-head { display: grid; color: #283a44; font-size: 6px; font-weight: 700; }.tablet-chat-head small { color: #81918e; font-size: 5px; font-weight: 400; }.tablet-photo { display: grid; height: 72px; place-items: center; margin: 11px 0 5px; border-radius: 5px; background: linear-gradient(140deg,#6fcbd4,#eff0b6 45%,#f3ad94 70%,#8bc4b5); color: #fff; font-size: 27px; }.tablet-photo span { position: absolute; margin: -15px 0 0 26px; color: #f7d991; font-size: 20px; }.tablet-chat > p { width: fit-content; margin: 4px 0; padding: 4px 5px 7px; border-radius: 4px; background: #fff; color: #51606b; font-size: 5px; }.tablet-chat > p small { float: right; margin: 4px 0 -5px 8px; color: #95a2a9; font-size: 4px; }.tablet-chat > .tablet-bubble.incoming { margin-left: auto; background: #d4f4c1; }
.platform-links { display: flex; width: min(580px,100%); justify-content: space-around; margin: 0 auto; text-align: center; }.platform-links a { color: #2f8cb2; font-size: 14px; }.platform-links b { color: #248ab6; font-weight: 700; }.mobile-links { margin-top: -4px; margin-bottom: 52px; }
.desktop-apps { display: flex; width: min(570px,100%); height: 223px; align-items: end; justify-content: center; gap: 12px; margin: 0 auto; }
.laptop { position: relative; width: 50%; height: 196px; }.laptop-screen { display: grid; width: 100%; height: 176px; grid-template-columns: 42% 58%; overflow: hidden; padding: 5px; border: 5px solid #282e33; border-bottom-width: 7px; border-radius: 8px 8px 3px 3px; background: #1e252b; box-shadow: 0 2px 4px rgba(0,0,0,.2); }.laptop-light .laptop-screen { background: #dbe8e8; }.laptop-dark .laptop-screen { background: #222a31; }
.laptop-menu { display: grid; align-content: start; gap: 6px; overflow: hidden; padding: 6px; background: #fff; color: #56636c; font-size: 5px; }.laptop-dark .laptop-menu { background: #303941; color: #ccd4d8; }.laptop-menu b { color: #2698c9; font-size: 8px; }.laptop-menu i { padding: 3px; border-radius: 3px; background: #f2f4f5; color: #a4adb2; font-size: 5px; font-style: normal; }.laptop-dark .laptop-menu i { background: #242a30; }.laptop-menu span { overflow: hidden; padding-bottom: 4px; border-bottom: 1px solid rgba(120,140,150,.16); text-overflow: ellipsis; white-space: nowrap; }
.laptop-conversation { display: grid; align-content: start; gap: 5px; padding: 7px 8px; background: linear-gradient(140deg,#d6f0dc,#bfdde6); color: #4d5e65; font-size: 6px; }.laptop-dark .laptop-conversation { background: linear-gradient(140deg,#212b31,#253c4d); color: #d0d9dc; }.laptop-conversation b { color: #314653; font-size: 7px; }.laptop-dark .laptop-conversation b { color: #d5e1e7; }.laptop-conversation small { color: #819095; font-size: 5px; }.laptop-conversation p { width: fit-content; margin: 11px 0 0; padding: 5px; border-radius: 4px; background: rgba(255,255,255,.93); }.laptop-dark .laptop-conversation p { background: #42604f; }.laptop-conversation > div { display: grid; height: 55px; place-items: center; border-radius: 4px; background: linear-gradient(145deg,#92c6d2,#e6ce9f,#df9f9d); font-size: 17px; }.laptop-conversation .laptop-message { justify-self: end; margin-top: 1px; background: #d4f3c1; }.laptop-dark .laptop-conversation .laptop-message { background: #315544; }
.laptop-base { position: absolute; right: -6%; bottom: 0; left: -6%; height: 11px; border-radius: 0 0 22px 22px; background: linear-gradient(#d6d8da,#9fa4a8 55%,#e4e6e7); box-shadow: 0 4px 5px rgba(0,0,0,.12); }.laptop-base::after { position: absolute; top: 0; left: 38%; width: 24%; height: 3px; border-radius: 0 0 5px 5px; background: #a8adb0; content: ''; }
.desktop-links { margin-top: 29px; margin-bottom: 62px; }

.news-section { width: min(790px, calc(100% - 40px)); margin: 0 auto; padding: 7px 0 58px; }
.news-section > h2, .features-section > h2 { margin: 0 0 23px; color: #278fbd; font-size: 22px; font-weight: 500; text-align: center; }
.news-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 48px; }
.news-card { display: block; min-width: 0; color: inherit; }
.news-image { position: relative; display: grid; height: 176px; overflow: hidden; place-items: center; border-radius: 18px; box-shadow: 0 1px 5px rgba(0,0,0,.13); }
.news-image-one { background: radial-gradient(ellipse at 30% 130%,#1c5f9e 0 26%,transparent 27%), radial-gradient(ellipse at 80% 130%,#ffa658 0 28%,transparent 29%), linear-gradient(145deg,#153b68,#1876ae 58%,#a4d6dd); }
.news-image-one::before { position: absolute; right: -30px; bottom: -68px; width: 245px; height: 160px; border-radius: 48% 52% 0 0; background: linear-gradient(145deg,#f5cd8f,#d58258 60%,#253c59); content: ''; transform: rotate(-9deg); }
.news-image-one::after { position: absolute; top: 21px; left: 17px; width: 105px; height: 37px; border: 2px solid rgba(142,231,250,.84); border-radius: 8px; background: rgba(12,90,131,.72); color: #baf4ff; content: 'Sci-Fi Thriller  ·  Romance'; font-size: 8px; text-align: center; line-height: 32px; }
.message-card { position: absolute; z-index: 2; top: 69px; left: 20px; padding: 10px 13px; border: 2px solid #4bc2e8; border-radius: 10px; background: #e5fbff; box-shadow: 0 7px 18px rgba(0,0,0,.18); color: #328bad; font-size: 12px; font-weight: 700; transform: rotate(-5deg); }.message-card i { margin-left: 9px; color: #ee6c9c; font-size: 14px; font-style: normal; }.message-card b { position: absolute; right: -20px; bottom: -23px; display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #f2a14d; color: white; font-size: 14px; }
.news-shape { position: absolute; z-index: 1; width: 19px; height: 19px; border: 3px solid rgba(255,255,255,.85); border-radius: 50%; }.shape-a { right: 35px; top: 25px; }.shape-b { right: 92px; bottom: 24px; width: 10px; height: 10px; border-width: 2px; }
.news-image-two { background: radial-gradient(ellipse at 75% 100%,#3b6639 0 29%,transparent 30%), linear-gradient(145deg,#d17a3b,#81503c 47%,#273846 95%); }.news-image-two::before { position: absolute; right: 11%; bottom: -13px; width: 46%; height: 122px; border-radius: 50% 50% 8px 8px; background: repeating-linear-gradient(90deg,#af6e47 0 14px,#d99b61 15px 23px); content: ''; transform: rotate(-11deg); }.news-image-two::after { position: absolute; top: 20px; right: 19px; width: 140px; height: 70px; border-radius: 8px; background: linear-gradient(140deg,#c2cebd,#efe0bb 42%,#7f9b89); content: ''; box-shadow: 0 10px 15px rgba(0,0,0,.18); transform: rotate(7deg); }.community-scene { position: absolute; z-index: 2; left: 30px; bottom: 31px; display: flex; gap: 14px; color: #ffe08c; font-size: 25px; transform: rotate(-8deg); }.community-scene i,.community-scene b,.community-scene em { display: grid; width: 38px; height: 38px; place-items: center; border: 3px solid rgba(255,255,255,.6); border-radius: 50%; background: #5999b6; box-shadow: 0 4px 10px rgba(0,0,0,.2); font-style: normal; }.community-scene b { background: #eb8f66; }.community-scene em { background: #977ec5; }
.news-copy h3 { margin: 12px 0 3px; color: #298ab1; font-size: 16px; font-weight: 500; line-height: 1.55; }.news-copy p { margin: 0 0 4px; color: #333; font-size: 14px; line-height: 1.55; }.news-copy time { display: block; color: #858585; font-size: 13px; }

.features-section { width: min(910px, calc(100% - 40px)); margin: 0 auto; padding: 2px 0 70px; }
.features-section > h2 { margin-bottom: 22px; color: #2d2d2d; font-size: 22px; font-weight: 500; }
.features-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); column-gap: 28px; row-gap: 30px; }
.feature { min-width: 0; text-align: center; }
.feature-art { position: relative; display: grid; height: 143px; place-items: center; margin-bottom: 2px; }
.feature-art span { display: block; font-family: 'Segoe UI Emoji', var(--font); font-size: 83px; line-height: 1; filter: drop-shadow(0 2px 1px rgba(0,0,0,.07)); }
.feature-art i { display: grid; position: absolute; top: 18px; right: 26%; width: 37px; height: 37px; place-items: center; border: 3px solid #fff; border-radius: 50%; background: #29a6d9; box-shadow: 0 2px 6px rgba(0,0,0,.16); color: #fff; font-size: 17px; font-style: normal; }
.art-simple i { top: 51px; right: 24%; width: 30px; height: 30px; background: #36aee0; transform: rotate(-27deg); }.art-private i { top: 8px; right: 24%; background: #323a4b; font-size: 17px; }.art-synced span,.art-social span { font-size: 58px; letter-spacing: -22px; }.art-fast i { top: 4px; right: 22%; background: #f6ab3f; }.art-powerful i { top: 66px; right: 21%; width: 43px; height: 29px; border-radius: 4px; background: #7fb342; font-size: 12px; }.art-open i { top: 37px; right: 16%; width: 34px; height: 34px; border: 3px solid #d38354; border-radius: 4px; background: transparent; color: #d38354; }.art-secure i { top: 1px; right: 24%; background: #289ad8; font-size: 20px; }.art-expressive i { top: 3px; right: 22%; background: #f3a936; }
.feature h3 { margin: 0 0 1px; color: #188dc1; font-size: 23px; font-weight: 500; line-height: 1.35; }
.feature p { max-width: 275px; margin: 0 auto; color: #333; font-size: 14px; line-height: 1.5; }.feature p b { font-weight: 700; }.feature p a { color: #168fc1; }

.site-footer { width: min(930px, calc(100% - 42px)); margin: 0 auto; padding: 26px 30px 30px; border-top: 1px solid #dedede; }
.footer-grid { display: grid; grid-template-columns: 1.8fr repeat(4,1fr); gap: 22px; }
.footer-about h2 { margin: 0 0 3px; color: #222; font-size: 14px; font-weight: 700; }.footer-about p { max-width: 230px; margin: 0; color: #444; font-size: 12px; line-height: 1.55; }
.footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }.footer-column h3 { margin: 0 0 2px; font-size: 13px; font-weight: 500; }.footer-column h3 a { color: #222; }.footer-column > a { color: #438cad; font-size: 13px; line-height: 1.55; }

@media (max-width: 760px) {
  .nav-shell { width: calc(100% - 24px); }.nav-main { gap: 8px; }.nav-link { padding-inline: 4px; font-size: 12px; }.nav-tools { gap: 11px; }.follow-link { gap: 5px; font-size: 0; }.follow-link svg { width: 17px; }.theme-mark { margin-left: 3px; }
  .intro-shell { width: calc(100% - 30px); height: 450px; }
  .hero-brand { top: 27px; width: 100%; }.telegram-mark { width: 106px; height: 106px; }.hero-brand h1 { font-size: 30px; }.hero-brand p { margin-top: 7px; font-size: 15px; }
  .recent-aside { top: 235px; left: 50%; width: min(330px,100%); min-height: auto; transform: translateX(-50%); }.recent-aside h2 { margin-bottom: 7px; }.aside-story { margin-bottom: 7px; font-size: 11px; }
  .apps-showcase { width: calc(100% - 28px); }.mobile-apps { width: min(570px,100%); height: auto; grid-template-columns: 1fr; gap: 6px; }.phone-pair { margin-bottom: 5px; }.tablet-preview { margin: 0 auto 12px; }.mobile-links { margin: 0 auto 43px; gap: 12px; }.platform-links a { font-size: 12px; }
  .desktop-apps { height: auto; gap: 8px; }.laptop { height: 145px; }.laptop-screen { height: 130px; border-width: 4px; }.laptop-base { height: 9px; }.desktop-links { margin-top: 18px; margin-bottom: 45px; }
  .news-section { width: calc(100% - 36px); padding-bottom: 48px; }.news-grid { gap: 24px; }.news-image { height: 140px; border-radius: 14px; }.news-copy h3 { font-size: 14px; }.news-copy p { font-size: 12px; }.news-copy time { font-size: 11px; }
  .features-section { width: calc(100% - 28px); padding-bottom: 47px; }.features-grid { column-gap: 14px; row-gap: 24px; }.feature-art { height: 116px; }.feature-art span { font-size: 68px; }.art-synced span,.art-social span { font-size: 49px; }.feature-art i { right: 16%; }.feature h3 { font-size: 20px; }.feature p { font-size: 12px; }
  .site-footer { width: calc(100% - 30px); padding: 22px 8px 28px; }.footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }.footer-about { grid-column: 1 / -1; }.footer-column h3,.footer-column > a { font-size: 12px; }
}

@media (max-width: 420px) {
  .nav-shell { width: calc(100% - 16px); }.nav-main { gap: 4px; }.nav-link { padding-inline: 3px; font-size: 11px; }.nav-tools { gap: 8px; }.language-static { font-size: 12px; }.language-static svg { width: 14px; }.theme-mark { display: none; }
  .news-grid { grid-template-columns: 1fr; }.news-image { height: 180px; }
  .features-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.feature-art { height: 105px; }.feature-art span { font-size: 61px; }.art-synced span,.art-social span { font-size: 44px; }.feature-art i { right: 7%; }.feature p { font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Local image assets supplied for this recreation. */
.mobile-apps { width: min(720px,100%); height: auto; grid-template-columns: minmax(0,.9fr) minmax(0,1.2fr); align-items: center; gap: 20px; margin: 0 auto; }
.app-device { min-width: 0; margin: 0; }
.app-device a { display: block; color: #2f8cb2; text-align: center; }
.app-device figcaption { padding-top: 4px; font-size: 14px; }
.app-device img { display: block; width: 100%; height: auto; }
.app-device-android { width: 100%; justify-self: center; }
.mobile-links { margin-top: 12px; }
.desktop-apps { display: block; width: min(600px,100%); height: auto; margin: 0 auto; }
.desktop-apps img { display: block; width: 100%; height: auto; }
.desktop-links { margin-top: 14px; }

.news-image-one, .news-image-two { background: none; }
.news-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.news-image-one::before, .news-image-one::after, .news-image-two::before, .news-image-two::after { display: none; content: none; }
.feature-art img { display: block; width: min(172px,100%); height: min(128px,100%); object-fit: contain; }

@media (max-width: 760px) {
  .mobile-apps { width: min(620px,100%); grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 10px; }
  .feature-art img { height: min(108px,100%); }
}

@media (max-width: 420px) {
  .mobile-apps { width: min(360px,100%); grid-template-columns: 1fr; gap: 0; }
  .feature-art img { height: min(98px,100%); }
}