/* Solovo — сайт мессенджера. Без эмодзи-иллюстраций: фото, макеты интерфейса и линейные иконки. */
:root{
  --red:#D93A3A; --radius:28px; --wrap:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.55}
img{max-width:100%;display:block}
a{color:var(--blue)} a:hover{color:var(--blue-hover)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
h1,h2,h3{margin:0;color:inherit;letter-spacing:-.025em}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px 16px;z-index:99;border-radius:8px}
.skip:focus{left:8px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* header */
.header{position:sticky;top:0;z-index:50}
.header-in{max-width:var(--wrap);margin:0 auto;padding:12px 24px;display:flex;align-items:center}
.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink);font-size:22px;font-weight:800;letter-spacing:-.02em}
.brand:hover{color:var(--ink)}
.brand img{width:36px;height:36px;border-radius:9px}
.nav{display:flex;font-size:16px;font-weight:500}
.nav a{color:var(--ink);text-decoration:none}
.nav a:hover{color:var(--blue)}
.menu-btn{display:none;border:0;background:none;border-radius:12px;color:var(--ink);cursor:pointer;align-items:center;justify-content:center}
.menu-btn .icon{width:24px;height:24px}
.mobile-nav{display:none;border-top:1px solid var(--line);padding:8px 24px 20px}
.mobile-nav a{display:flex;justify-content:space-between;align-items:center;color:var(--ink);text-decoration:none;font-weight:500;border-bottom:1px solid var(--line)}
.mobile-nav.open{display:block}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;font-weight:600;font-size:17px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}
.btn-primary{background:var(--blue);color:#fff} .btn-primary:hover{background:var(--blue-hover);color:#fff}
.btn-outline{border-color:var(--ink);color:var(--ink);background:transparent} .btn-outline:hover{background:var(--ink);color:#fff}
.btn-white{background:#fff;color:var(--night)} .btn-white:hover{background:var(--blue-tint);color:var(--night)}
.btn-sm{min-height:44px;padding:0 22px;font-size:16px}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:17px;text-decoration:none}
.link .icon{transition:transform .15s} .link:hover .icon{transform:translateX(3px)}

/* type */
.display{font-size:clamp(42px,6vw,80px);line-height:1.02;font-weight:800;letter-spacing:-.035em}
.h2{font-size:clamp(32px,4.2vw,56px);line-height:1.06;font-weight:700}
.h3{font-size:clamp(26px,3vw,40px);line-height:1.1;font-weight:700}
.lead{font-size:20px;line-height:1.55;color:var(--text)}
.body{font-size:19px;line-height:1.55;color:var(--text)}
.kicker{display:block;font-size:15px;font-weight:600;color:var(--blue);margin-bottom:14px;letter-spacing:0}
.center{text-align:center;margin-left:auto;margin-right:auto}

/* sections */
.bg-soft{background:var(--soft)}
.bg-night{background:var(--night);color:#fff}
.bg-night .body,.bg-night .lead{color:var(--night-text)}
.bg-night .link{color:var(--sky)}
.split{display:flex;flex-wrap:wrap;align-items:center;gap:64px}
.split > *{flex:1 1 440px;min-width:0}
.split.reverse{flex-direction:row-reverse}
.copy > * + *{margin-top:20px}
.copy .link,.copy .btn-row{margin-top:28px}
.hero{background:var(--soft)}
.page-hero{background:var(--soft)}
.page-hero .lead{margin-top:20px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none} .crumbs a:hover{color:var(--blue)}

/* grids & cards */
.grid-3{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.card{border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:14px;background:#fff;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
a.card:hover{border-color:var(--blue);color:var(--ink);transform:translateY(-2px)}
.card h3{font-size:21px;font-weight:700;letter-spacing:-.015em}
.card p{font-size:16px;color:var(--text);flex:1}
.card .more{font-size:15px;font-weight:600;color:var(--blue);display:inline-flex;gap:6px;align-items:center}
.icon-tile{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center}
.icon-tile .icon{width:26px;height:26px;stroke-width:1.8}
.white-card{background:#fff;border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:20px}
.white-card h3{font-size:22px;font-weight:700}
.white-card p{font-size:16px;color:var(--text)}
.steps{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.step{border-top:2px solid var(--ink);padding-top:20px}
.step b{display:block;font-size:15px;color:var(--blue);margin-bottom:10px}
.step h3{font-size:21px;font-weight:700;margin-bottom:8px;letter-spacing:-.015em}
.step p{font-size:16px;color:var(--text)}

/* CTA band */
.cta{color:#fff;border-radius:40px;padding:clamp(48px,7vw,96px) clamp(24px,6vw,80px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:40px}
.cta p{font-size:19px;margin-top:16px;max-width:480px}
.cta h2{font-size:clamp(36px,4.6vw,64px);line-height:1.02;font-weight:800;letter-spacing:-.03em}

/* footer */
.footer{background:var(--night);color:var(--night-text)}
.footer-top{display:flex;flex-wrap:wrap;gap:48px 64px;justify-content:space-between}
.footer-id{flex:1 1 240px;display:flex;flex-direction:column;align-items:flex-start}
.footer .brand{color:#fff}
.footer .brand img{width:40px;height:40px;border-radius:10px}
.footer-cols{flex:3 1 640px;display:flex;flex-wrap:wrap}
.footer-col{flex:1 1 140px;display:flex;flex-direction:column;gap:12px}
.footer-col .footer-title{font-size:15px;font-weight:600;color:#fff;letter-spacing:0;margin-bottom:4px}
.footer a{color:var(--night-text);text-decoration:none;font-size:15px}
.footer a:hover{color:#fff}
.footer .brand,.footer .brand:hover{color:#fff;font-size:24px}
.footer .btn-white,.footer .btn-white:hover{color:var(--night)}
.footer-bottom{padding-top:24px;border-top:1px solid var(--night-line);display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:14px}
.footer-bottom div{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.lang{display:inline-flex;gap:6px;align-items:center}
.lang .icon{width:16px;height:16px}

/* ---------- interface mockups ---------- */
.mock{margin:0}
.photo{width:100%;height:520px;object-fit:cover;object-position:40% 30%;border-radius:32px}
.hero-visual{position:relative}
.avatar{border-radius:50%;object-fit:cover;flex:none}
.pill-call{position:absolute;top:24px;right:24px;display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:8px 16px 8px 8px;box-shadow:0 12px 32px rgba(14,23,38,.18)}
.pill-call b{display:block;font-size:14px} .pill-call small{display:block;font-size:12px;color:var(--muted)}
.pill-call .icon{color:var(--blue)}
.chat{background:var(--chat);border-radius:24px;overflow:hidden}
.chat.float{position:absolute;left:24px;bottom:0;width:min(340px,calc(100% - 48px));box-shadow:0 24px 56px rgba(14,23,38,.22)}
.chat-head{background:#fff;padding:12px 16px;display:flex;align-items:center;gap:10px}
.chat-head .t{flex:1;min-width:0} .chat-head b{display:block;font-size:15px} .chat-head small{display:block;font-size:12px;color:var(--muted)}
.chat-head .icon{color:var(--blue)}
.chat-body{padding:14px 12px;display:flex;flex-direction:column;gap:8px}
.chat.lg .chat-head{padding:16px 20px} .chat.lg .chat-body{padding:18px 16px 22px;gap:10px}
.msg{max-width:80%;border-radius:4px 16px 16px 16px;background:#fff;padding:7px 12px 5px;align-self:flex-start;font-size:15px;line-height:1.38}
.msg.out{align-self:flex-end;background:var(--bubble-out);border-radius:16px 4px 16px 16px}
.msg .who{display:block;font-size:12px;font-weight:700}
.msg time{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:11px;color:#5B6878}
.msg time .icon{width:16px;height:12px;stroke-width:2.2}
.msg.media{padding:4px 4px 5px} .msg.media .who{padding:3px 8px 4px} .msg.media p{padding:6px 8px 0} .msg.media time{padding:0 8px}
.msg.media img{width:280px;height:170px;object-fit:cover;border-radius:12px}
.who-a{color:#A44A0C}.who-b{color:#27744A}
.day{align-self:center;font-size:12px;font-weight:600;color:var(--muted);background:#fff;border-radius:999px;padding:4px 12px}
.composer{margin:0 12px 12px;background:#fff;border-radius:999px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#5B6878}
.composer .icon{color:var(--blue);width:18px;height:18px}
.stack{display:flex} .stack img{width:36px;height:36px;border:2px solid #fff;border-radius:50%;object-fit:cover} .stack img + img{margin-left:-12px}

.call{border-radius:32px;padding:20px;display:flex;flex-direction:column;gap:16px}
.call-top{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:15px;font-weight:600;padding:4px 6px}
.call-top span{color:#A9B8CC;font-weight:500}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tile{position:relative;height:220px;border-radius:20px;overflow:hidden}
.tile img{width:100%;height:100%;object-fit:cover}
.tile.speaking{outline:3px solid #4FA6FF;outline-offset:-3px}
.tile span{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:6px;background:rgba(10,22,38,.75);color:#fff;font-size:13px;font-weight:600;border-radius:999px;padding:4px 10px}
.tile span .icon{width:14px;height:14px}
.controls{display:flex;justify-content:center;gap:16px;padding:4px 0 6px}
.ctl{width:56px;height:56px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}
.ctl .icon{width:22px;height:22px}
.ctl.end{background:var(--red)} .ctl.on{background:var(--blue)}

.settings{background:#fff;color:var(--ink);border-radius:28px;padding:28px;max-width:520px}
.settings > b{display:block;font-size:20px;margin-bottom:18px}
.row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.row:last-of-type{border-bottom:0}
.row .icon-tile{width:40px;height:40px;border-radius:12px} .row .icon-tile .icon{width:20px;height:20px;stroke-width:2}
.row .n{flex:1;font-weight:500;font-size:16px} .row .v{font-size:14px;color:var(--muted)}
.note{font-size:12px;color:#5B6878;margin-top:12px}

.stage{height:220px;background:var(--chat);border-radius:20px;display:flex;align-items:center;justify-content:center;padding:16px;position:relative}
.voice{background:var(--bubble-out);border-radius:18px 4px 18px 18px;padding:12px 14px;display:flex;align-items:center;gap:12px;width:100%;max-width:280px}
.play{width:40px;height:40px;flex:none;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center}
.wave{flex:1;display:flex;align-items:center;gap:3px;height:32px}
.wave i{display:block;width:3px;border-radius:2px;background:#8DBFF2}
.wave i.p{background:var(--blue)}
.voice small{font-size:12px;color:var(--muted)}
.reply-badge{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;color:var(--blue)}
.reply-badge .icon{width:16px;height:16px}
.reacts{display:flex;gap:8px;margin-top:-4px;background:#fff;border-radius:999px;padding:6px 12px;box-shadow:0 4px 12px rgba(14,23,38,.12)}
.reacts span{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600}
.reacts .icon{width:18px;height:18px}

.story-wrap{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.story{position:relative;width:290px;max-width:100%;height:520px;border-radius:32px;overflow:hidden}
.story > img{width:100%;height:100%;object-fit:cover}
.bars{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:4px}
.bars i{flex:1;height:3px;border-radius:2px;background:#fff} .bars i.dim{background:rgba(255,255,255,.45)}
.story-who{position:absolute;top:28px;left:14px;display:flex;align-items:center;gap:8px;background:rgba(10,22,38,.72);border-radius:999px;padding:4px 12px 4px 4px;color:#fff;font-size:13px;font-weight:600}
.story-reply{position:absolute;left:14px;right:14px;bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border-radius:999px;padding:12px;font-size:15px;font-weight:600;color:var(--blue)}
.recent{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:4px}
.recent > b{font-size:14px;color:var(--muted);margin-bottom:8px;font-weight:600}
.recent-row{display:flex;align-items:center;gap:12px;padding:10px 0}
.recent-row img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid var(--blue);padding:2px;background:#fff}
.recent-row img.seen{border-color:#C4CEDB}
.recent-row b{display:block;font-size:16px} .recent-row small{font-size:13px;color:var(--muted)}

.shared{border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px}
.shared b{font-size:18px}
.todo{display:flex;align-items:center;gap:10px;font-size:15px}
.box{width:20px;height:20px;border-radius:6px;border:2px solid #A9B8CC;flex:none;display:flex;align-items:center;justify-content:center}
.box.done{background:var(--blue);border-color:var(--blue);color:#fff} .box .icon{width:14px;height:14px;stroke-width:3}
.live{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:600}
.live i{width:8px;height:8px;border-radius:50%;background:#3DDC84}

/* blog */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:#fff;border:1px solid #D5DEE8;color:var(--ink);font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;font-family:inherit}
.chip:hover{border-color:var(--blue);color:var(--blue)}
.post{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--ink)}
.post:hover{color:var(--ink)} .post:hover h3{color:var(--blue)}
.post-cover{border-radius:24px;display:flex;align-items:flex-end;justify-content:space-between;overflow:hidden;position:relative}
.post-cover img{inset:0}
.post-cover .icon{width:56px;height:56px;stroke-width:1.4;position:relative}
.post .meta{font-size:14px;font-weight:600;color:var(--muted)}
.post h3{font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.015em;transition:color .15s}
.search{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #C9D5E2;border-radius:999px;padding:0 20px;min-height:60px;max-width:640px}
.search .icon{color:var(--muted)}
.search input{flex:1;border:0;outline:0;font:inherit;font-size:18px;background:none;color:var(--ink);min-width:0}
.empty{color:var(--muted);padding:24px 0}

/* article */
.article{margin:0 auto}
.article h2{font-size:28px;font-weight:700;margin:48px 0 12px;letter-spacing:-.02em}
.article p{font-size:19px;line-height:1.7;color:#2B3748}
.article .lead{font-size:22px;color:var(--ink);max-width:none}
.article-cover{margin:48px 0 8px}
.callout{margin-top:56px;background:var(--soft);border-radius:28px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.callout b{font-size:22px;letter-spacing:-.015em}

/* help */
.topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.topic{display:flex;gap:16px;align-items:flex-start;padding:24px;border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.topic:hover{border-color:var(--blue);color:var(--ink)}
.topic b{display:block;font-size:18px;margin-bottom:4px} .topic small{display:block;font-size:15px;color:var(--text);line-height:1.5}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary .icon{transition:transform .2s;color:var(--blue)}
.faq details[open] summary .icon{transform:rotate(45deg)}
.faq details p{color:var(--text);max-width:760px}
.side-links{display:flex;flex-direction:column;gap:2px;margin-top:16px}
.side-links a{padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);display:flex;justify-content:space-between}
.side-links a:hover{color:var(--blue)}

/* download */
.platforms{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.platform{border:1px solid var(--line);border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;background:#fff}
.platform .icon-tile{width:64px;height:64px;border-radius:20px} .platform .icon-tile .icon{width:32px;height:32px}
.platform h2{font-size:26px;font-weight:700}
.platform p{color:var(--text);flex:1}
.platform.current{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}

/* invite */
.invite-box{background:#fff;border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:16px}
.invite-box textarea{width:100%;min-height:210px;border:1.5px solid #C9D5E2;border-radius:18px;padding:16px;font:inherit;font-size:17px;resize:vertical;color:var(--ink)}
.invite-box textarea:focus{border-color:var(--blue);outline:0}
.invite-box label{font-weight:600}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120%);background:var(--ink);color:#fff;padding:14px 22px;border-radius:999px;font-size:15px;opacity:0;transition:.25s;z-index:99}
.toast.show{transform:translate(-50%,0);opacity:1}

/* sitemap */
.sitemap{display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.sitemap h2{font-size:20px;margin-bottom:12px}
.sitemap ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.sitemap a{text-decoration:none}

@media (max-width:900px){
  .nav,.header .btn{display:none}
  .menu-btn{display:inline-flex;margin-left:auto}
  .photo{height:420px}
  .tile{height:160px}
}
@media (max-width:520px){
  .photo{height:340px}
  .tile{height:130px}
  .story{width:100%}
  .ctl{width:48px;height:48px}
  .msg.media img{width:100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.company{font-style:normal;font-size:13px;line-height:1.6;color:var(--night-text)}
.company a{font-size:13px}
/* language switcher (home) */
:root{--font:'Onest','Noto Sans Armenian','Noto Sans Devanagari','Noto Sans Bengali','Noto Sans Tamil',system-ui,-apple-system,'Segoe UI',sans-serif}
.display,.h2,.h3,h1,h2{overflow-wrap:break-word}
.lang-switch{position:relative;margin-left:auto}
.lang-switch + .btn-outline{margin-left:0}
.lang-btn{display:inline-flex;align-items:center;gap:8px;border:0;background:none;border-radius:999px;font:inherit;color:var(--ink);cursor:pointer}
.lang-btn:hover{background:var(--soft)}
.lang-btn .icon:last-child{width:16px;height:16px}
.lang-code{font-weight:600}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);width:300px;max-height:min(70vh,560px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 56px rgba(14,23,38,.18);padding:8px;z-index:60}
.lang-title{font-size:13px;font-weight:600;color:var(--muted);padding:10px 12px 6px}
.lang-menu ul{list-style:none;margin:0;padding:0}
.lang-opt{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:0;background:none;border-radius:12px;font:inherit;text-align:left;cursor:pointer;color:var(--ink)}
.lang-opt:hover{background:var(--soft)}
.lang-opt b{display:block;font-size:16px;font-weight:600}
.lang-opt small{display:block;font-size:13px;color:var(--muted)}
.radio{width:20px;height:20px;border-radius:50%;border:2px solid #A9B8CC;flex:none;box-sizing:border-box}
.lang-opt[aria-pressed="true"] .radio{border-color:var(--blue);box-shadow:inset 0 0 0 4px #fff;background:var(--blue)}
.lang-select{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:var(--night-text);font:inherit;font-size:14px;cursor:pointer;padding:4px 2px}
.lang-select option{color:var(--ink)}
.lang-select:focus-visible{outline:2px solid var(--sky)}
@media (max-width:900px){.lang-switch{margin-left:auto}.lang-switch ~ .menu-btn{margin-left:0}}
@media (max-width:600px){.lang-cur{display:none}.lang-code{display:inline}.lang-menu{position:fixed;left:16px;right:16px;top:68px;width:auto}}
.nav a,.btn,.lang-btn{white-space:nowrap}
.lang-opt{text-decoration:none}
.lang-opt[aria-current="true"] .radio{box-shadow:inset 0 0 0 4px #fff}
.header.tight .lang-cur{display:none}
.header.tight .lang-code{display:inline}
.header.tworow .header-in{flex-wrap:wrap;row-gap:0}
.header.tworow .nav{order:5;flex:1 0 100%;gap:24px;padding:4px 0 2px;border-top:1px solid var(--line);margin-top:10px}
.btn{max-width:100%}
@media (max-width:600px){.btn{white-space:normal;text-align:center;line-height:1.25;padding-top:12px;padding-bottom:12px}}
.topic span,.card,.post,.white-card,.platform{min-width:0;overflow-wrap:break-word}
.nav{flex:0 0 auto}
.brand{flex:none}
/* language button: always the native language name, never ISO codes; phones show the globe only */
.lang-code{display:none!important}
@media (max-width:600px){.header .lang-cur{display:none}.lang-btn{min-width:44px;justify-content:center}}

/* ===== Viber-style palette: purple is primary, blue is the accent ===== */
:root{
  --blue:#6A55EC; --blue-hover:#5843D6; --blue-tint:#EFEBFE; --bubble-out:#E7E1FE;
  --brand:#7360F2;
  --accent:#0B6FD6; --accent-bright:#1E88F5; --accent-tint:#E3F0FD;
  --night:#231A45; --night-2:#32265F; --night-line:#3D3170; --night-text:#DCD5F5; --sky:#C9BEFA;
}
/* blue as the complement */
.icon-tile{background:var(--accent-tint);color:var(--accent)}
.kicker,.step b{color:var(--accent)}
.msg time .icon{color:var(--accent-bright)}
.tile.speaking{outline-color:var(--accent-bright)}
.lang-opt[aria-current="true"] .radio{border-color:var(--blue);background:var(--blue)}
.cta{background:var(--brand)}
.cta .btn-white{color:var(--night)}
.call{background:#1B1436}
.shared{background:#fff}
.bg-night .kicker{color:var(--sky)!important}
.bg-night .icon-tile{background:var(--night-2)!important;color:var(--sky)!important}
.nav a[aria-current="page"]{color:var(--blue);box-shadow:inset 0 -2px 0 var(--blue)}
.chip[aria-current="page"],.chip[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.search:focus-within{border-color:var(--blue)}
/* blog covers are images now */
.post-cover{padding:0;background:var(--soft);aspect-ratio:5/3;height:auto}
.post-cover img{position:static;width:100%;height:100%;object-fit:cover;border-radius:24px}
.article-cover{height:auto;aspect-ratio:5/3;border-radius:32px;overflow:hidden}
.article-cover img{border-radius:32px}
.story{background:#1B1436}
.post-cover svg{display:block;width:100%;height:100%;border-radius:24px}
/* hero: keep the family photo clear — the chat hangs off the lower-left corner */
.hero-visual .photo{display:block}
.hero-visual .chat.float .chat-head{padding:10px 12px}
.hero-visual .chat.float .msg{font-size:13.5px}
.hero-visual .chat.float .composer{padding:8px 12px;font-size:13px}
@media (max-width:900px){
  .hero-visual .pill-call{top:14px;right:14px}
  .hero-visual .chat.float{width:min(272px,calc(100% - 28px))}
}
@media (max-width:900px){
  .hero-visual .photo{width:100%;margin-left:0}
}
/* ===== national palettes: purple muted to neutral, colours come from each locale's flag ===== */
:root{--ink:#15171C;--text:#474C56;--muted:#575D67;--line:#E6E4DF;--soft:#F7F6F3;--chat:#EFEEEA;--stripe:transparent}

html[lang="ru"]{--blue:#0039A6;--blue-hover:#002C80;--brand:#0039A6;--blue-tint:#E6EBF6;--bubble-out:#DBE3F3;
--accent:#C8231A;--accent-bright:#0039A6;--accent-tint:#DBE3F3;--night-text:#E4E4E8;--sky:#7392CE;
--f1:rgba(0,57,166,0.2);--f2:rgba(213,43,30,0.16);--f3:rgba(0,57,166,0.1);--stripe:linear-gradient(90deg,#FFFFFF 0.0% 33.3%,#0039A6 33.3% 66.7%,#D52B1E 66.7% 100.0%)}
html[lang="en"]{--blue:#012169;--blue-hover:#00174A;--brand:#012169;--blue-tint:#E6E9F0;--bubble-out:#DBE0EA;
--accent:#C8102E;--accent-bright:#C8102E;--accent-tint:#F7DEE2;--night-text:#E4E4E8;--sky:#E17C8C;
--f1:rgba(1,33,105,0.18);--f2:rgba(200,16,46,0.16);--f3:rgba(1,33,105,0.1);--stripe:linear-gradient(90deg,#012169 0.0% 33.3%,#FFFFFF 33.3% 66.7%,#C8102E 66.7% 100.0%)}
html[lang="hy"]{--blue:#C8000F;--blue-hover:#A0000C;--brand:#C8000F;--blue-tint:#FAE6E7;--bubble-out:#F7DBDD;
--accent:#0033A0;--accent-bright:#F2A800;--accent-tint:#FDF3DB;--night-text:#E4E4E8;--sky:#F8CF73;
--f1:rgba(217,0,18,0.18);--f2:rgba(0,51,160,0.16);--f3:rgba(242,168,0,0.3);--stripe:linear-gradient(90deg,#D90012 0.0% 33.3%,#0033A0 33.3% 66.7%,#F2A800 66.7% 100.0%)}
html[lang="hi"]{--blue:#0F7A0C;--blue-hover:#0B5E09;--brand:#0F7A0C;--blue-tint:#E7F2E7;--bubble-out:#DDECDD;
--accent:#1A2A8C;--accent-bright:#FF9933;--accent-tint:#FFF1E2;--night-text:#E4E4E8;--sky:#FFC78F;
--f1:rgba(255,153,51,0.32);--f2:rgba(0,0,128,0.08);--f3:rgba(19,136,8,0.22);--stripe:linear-gradient(90deg,#FF9933 0.0% 33.3%,#FFFFFF 33.3% 66.7%,#138808 66.7% 100.0%)}
html[lang="id"]{--blue:#CE1126;--blue-hover:#A50D1E;--brand:#CE1126;--blue-tint:#FAE7E9;--bubble-out:#F8DEE1;
--accent:#A50D1E;--accent-bright:#E5323F;--accent-tint:#FBE2E4;--night-text:#E4E4E8;--sky:#F18E95;
--f1:rgba(206,17,38,0.2);--f2:rgba(206,17,38,0.1);--f3:rgba(206,17,38,0.14);--stripe:linear-gradient(90deg,#CE1126 0.0% 50.0%,#FFFFFF 50.0% 100.0%)}
html[lang="pt"]{--blue:#00703C;--blue-hover:#00562E;--brand:#00703C;--blue-tint:#E6F1EC;--bubble-out:#DBEBE4;
--accent:#C1121F;--accent-bright:#E8B400;--accent-tint:#FCF4DB;--night-text:#E4E4E8;--sky:#F2D673;
--f1:rgba(0,102,0,0.2);--f2:rgba(255,204,0,0.32);--f3:rgba(218,41,28,0.12);--stripe:linear-gradient(90deg,#006600 0.0% 33.3%,#DA291C 33.3% 66.7%,#FFCC00 66.7% 100.0%)}
html[lang="es"]{--blue:#AA151B;--blue-hover:#861015;--brand:#AA151B;--blue-tint:#F6E8E8;--bubble-out:#F3DEDF;
--accent:#8A6400;--accent-bright:#F1BF00;--accent-tint:#FDF6DB;--night-text:#E4E4E8;--sky:#F7DC73;
--f1:rgba(170,21,27,0.18);--f2:rgba(241,191,0,0.36);--f3:rgba(170,21,27,0.12);--stripe:linear-gradient(90deg,#AA151B 0.0% 33.3%,#F1BF00 33.3% 66.7%,#AA151B 66.7% 100.0%)}
html[lang="bn"]{--blue:#006A4E;--blue-hover:#00513C;--brand:#006A4E;--blue-tint:#E6F0ED;--bubble-out:#DBEAE6;
--accent:#C8102E;--accent-bright:#F42A41;--accent-tint:#FDE1E4;--night-text:#E4E4E8;--sky:#F98A96;
--f1:rgba(0,106,78,0.24);--f2:rgba(244,42,65,0.16);--f3:rgba(0,106,78,0.12);--stripe:linear-gradient(90deg,#006A4E 0.0% 33.3%,#F42A41 33.3% 66.7%,#006A4E 66.7% 100.0%)}
html[lang="ta"]{--blue-tint:#F8EEE6;--bubble-out:#F5E7DD;
--accent:#0E6B0C;--accent-bright:#FF9933;--accent-tint:#FFF1E2;--night-text:#E4E4E8;--sky:#FFC78F;
--f1:rgba(255,153,51,0.3);--f2:rgba(19,136,8,0.18);--f3:rgba(255,153,51,0.14);--stripe:linear-gradient(90deg,#FF9933 0.0% 33.3%,#FFFFFF 33.3% 66.7%,#138808 66.7% 100.0%)}
html[lang="ms"]{--blue:#010066;--blue-hover:#00004A;--brand:#010066;--blue-tint:#E6E6F0;--bubble-out:#DBDBEA;
--accent:#CC0001;--accent-bright:#FFCC00;--accent-tint:#FFF8DB;--night-text:#E4E4E8;--sky:#FFE373;
--f1:rgba(1,0,102,0.16);--f2:rgba(204,0,1,0.14);--f3:rgba(255,204,0,0.36);--stripe:linear-gradient(90deg,#CC0001 0.0% 25.0%,#FFFFFF 25.0% 50.0%,#010066 50.0% 75.0%,#FFCC00 75.0% 100.0%)}
.hero,.page-hero,.bg-soft{background:
  radial-gradient(60% 85% at 0% 0%,var(--f1),transparent 72%),
  radial-gradient(50% 75% at 100% 0%,var(--f2),transparent 72%),
  radial-gradient(65% 80% at 90% 100%,var(--f3),transparent 72%),
  var(--soft)}
.header::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--stripe)}
.footer::before{content:"";display:block;height:4px;background:var(--stripe)}
.call,.story{background:#17181D} .ctl{background:#33363E}
.cta p{color:rgba(255,255,255,.88)}
.recent-row img{border-color:var(--accent-bright)}

.footer{position:relative}
.footer::before{position:absolute;left:0;right:0;top:0;margin:0}
/* flag mark: a short row of rounded pills in the flag colours under the page title (replaces the header stripe) */
.header::before,.footer::before{display:none!important}
.flagmark{display:flex;margin:22px 0 4px}
.flagmark i{display:block;border-radius:8px;background:var(--fm,transparent)}
.article .flagmark{margin:16px 0 8px}
.hero .flagmark{margin:26px 0 6px}
html[lang="ru"] .flagmark i:nth-child(1){--fm:#FFFFFF;box-shadow:inset 0 0 0 1.5px rgba(21,23,28,.16)}
html[lang="ru"] .flagmark i:nth-child(2){--fm:#0039A6}
html[lang="ru"] .flagmark i:nth-child(3){--fm:#D52B1E}
html[lang="ru"] .flagmark i:nth-child(4){display:none}
html[lang="en"] .flagmark i:nth-child(1){--fm:#012169}
html[lang="en"] .flagmark i:nth-child(2){--fm:#FFFFFF;box-shadow:inset 0 0 0 1.5px rgba(21,23,28,.16)}
html[lang="en"] .flagmark i:nth-child(3){--fm:#C8102E}
html[lang="en"] .flagmark i:nth-child(4){display:none}
html[lang="hy"] .flagmark i:nth-child(1){--fm:#D90012}
html[lang="hy"] .flagmark i:nth-child(2){--fm:#0033A0}
html[lang="hy"] .flagmark i:nth-child(3){--fm:#F2A800}
html[lang="hy"] .flagmark i:nth-child(4){display:none}
html[lang="hi"] .flagmark i:nth-child(1){--fm:#FF9933}
html[lang="hi"] .flagmark i:nth-child(2){--fm:#FFFFFF;box-shadow:inset 0 0 0 1.5px rgba(21,23,28,.16)}
html[lang="hi"] .flagmark i:nth-child(3){--fm:#138808}
html[lang="hi"] .flagmark i:nth-child(4){--fm:#000080}
html[lang="id"] .flagmark i:nth-child(1){--fm:#CE1126}
html[lang="id"] .flagmark i:nth-child(2){--fm:#FFFFFF;box-shadow:inset 0 0 0 1.5px rgba(21,23,28,.16)}
html[lang="id"] .flagmark i:nth-child(3){display:none}
html[lang="id"] .flagmark i:nth-child(4){display:none}
html[lang="pt"] .flagmark i:nth-child(1){--fm:#006600}
html[lang="pt"] .flagmark i:nth-child(2){--fm:#DA291C}
html[lang="pt"] .flagmark i:nth-child(3){--fm:#FFCC00}
html[lang="pt"] .flagmark i:nth-child(4){display:none}
html[lang="es"] .flagmark i:nth-child(1){--fm:#AA151B}
html[lang="es"] .flagmark i:nth-child(2){--fm:#F1BF00}
html[lang="es"] .flagmark i:nth-child(3){--fm:#AA151B}
html[lang="es"] .flagmark i:nth-child(4){display:none}
html[lang="bn"] .flagmark i:nth-child(1){--fm:#006A4E}
html[lang="bn"] .flagmark i:nth-child(2){--fm:#F42A41}
html[lang="bn"] .flagmark i:nth-child(3){display:none}
html[lang="bn"] .flagmark i:nth-child(4){display:none}
html[lang="ta"] .flagmark i:nth-child(1){--fm:#FF9933}
html[lang="ta"] .flagmark i:nth-child(2){--fm:#FFFFFF;box-shadow:inset 0 0 0 1.5px rgba(21,23,28,.16)}
html[lang="ta"] .flagmark i:nth-child(3){--fm:#138808}
html[lang="ta"] .flagmark i:nth-child(4){display:none}
html[lang="ms"] .flagmark i:nth-child(1){--fm:#CC0001}
html[lang="ms"] .flagmark i:nth-child(2){--fm:#FFFFFF;box-shadow:inset 0 0 0 1.5px rgba(21,23,28,.16)}
html[lang="ms"] .flagmark i:nth-child(3){--fm:#010066}
html[lang="ms"] .flagmark i:nth-child(4){--fm:#FFCC00}
.flagmark{gap:7px}.flagmark i{height:10px;width:46px}
.flagmark i:nth-child(2){width:28px} .flagmark i:nth-child(3){width:18px} .flagmark i:nth-child(4){width:10px}
/* ===== hero v3: frosted-glass chat sits inside the photo, the picture shows through ===== */
.hero-visual{padding-bottom:0}
.hero-visual .photo{width:100%;margin-left:0;height:600px;object-position:50% 20%}
.hero-visual .pill-call{top:20px;right:20px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.55)}
.hero-visual .chat.float{left:20px;bottom:20px;width:300px}
.hero-visual .chat.float .chat-head{border-bottom:1px solid rgba(255,255,255,.4)}
.hero-visual .chat.float .msg.out{background:color-mix(in srgb,var(--bubble-out) 88%,transparent)}
.hero-visual::after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;border-radius:0 0 32px 32px;pointer-events:none;
  background:linear-gradient(to top,rgba(10,12,18,.32),transparent)}
.hero-visual .chat.float,.hero-visual .pill-call{z-index:1}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .hero-visual .chat.float{background:rgba(255,255,255,.55)}
}
@media (max-width:900px){
  .hero-visual{padding-bottom:0}
  .hero-visual .photo{height:560px}
  .hero-visual .chat.float{left:14px;bottom:14px;width:min(290px,calc(100% - 28px))}
}
@media (max-width:600px){ .hero-visual .photo{object-position:50% 0} .hero-visual .pill-call{top:12px;right:12px} }
/* group chat card: separate the white header from a white section */
.chat.lg{box-shadow:0 0 0 1px var(--line),0 18px 40px rgba(21,23,28,.08)}
@media (max-width:600px){
  .hero-visual .photo{height:500px}
  .hero-visual .chat.float{width:min(250px,calc(100% - 28px))}
  .hero-visual .chat.float .composer{display:none}
  .hero-visual .chat.float .chat-body{padding-bottom:12px}
  .hero-visual .chat.float .msg{font-size:12.5px}
}
/* hero chat: even more see-through */
.hero-visual .chat.float{border-color:rgba(255,255,255,.38)}
.hero-visual .chat.float .chat-head{border-bottom-color:rgba(255,255,255,.3)}
.hero-visual .chat.float .msg.out{background:color-mix(in srgb,var(--bubble-out) 60%,transparent)}
.hero-visual .chat.float .chat-head small,.hero-visual .chat.float .msg time{color:#3A3F48}
/* hero chat: container fully transparent, elements slightly translucent */
.hero-visual .chat.float{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:none;overflow:visible}
.hero-visual .chat.float .chat-head{background:rgba(255,255,255,.82);border:0;border-radius:18px;margin:0 0 6px;box-shadow:0 6px 18px rgba(10,12,18,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero-visual .chat.float .chat-body{padding:0;gap:6px}
.hero-visual .chat.float .msg{background:rgba(255,255,255,.82);box-shadow:0 4px 14px rgba(10,12,18,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero-visual .chat.float .msg.out{background:color-mix(in srgb,var(--bubble-out) 84%,transparent)}
.hero-visual .chat.float .composer{background:rgba(255,255,255,.82);margin:6px 0 0;box-shadow:0 4px 14px rgba(10,12,18,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media (max-width:600px){ .hero-visual .chat.float .chat-body{padding:0} }
.bg-night .crumbs,.bg-night .crumbs a{color:var(--night-text)}
/* ===== final polish ===== */
h2[data-h3]{font-size:21px;font-weight:700;letter-spacing:-.015em;line-height:1.25}
.post h2[data-h3]{font-size:22px;transition:color .15s} .post:hover h2[data-h3]{color:var(--blue)}
.white-card h2[data-h3]{font-size:22px}
.topic .icon-tile{flex:none;width:44px;height:44px;border-radius:14px} .topic .icon-tile .icon{width:22px;height:22px}
.steps{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.steps{grid-template-columns:1fr}}
.page-hero .lead + .link,.hero .lead + .link{margin-top:20px}
.section-sm + .section-sm{padding-top:0}
.msg.out time{color:#454B55}
html[lang="ta"]{--blue:#A04606;--blue-hover:#823904;--brand:#A04606}
.crumbs{font-size:14px;margin-bottom:16px;row-gap:4px}
.crumbs [aria-current]{color:var(--ink)}
.bg-night .crumbs [aria-current]{color:#fff}
/* dark surfaces: built from the darkest flag colour, not from the button colour */
html[lang="ru"]{--night:#031C4C;--night-2:#0B265A;--night-line:#173268}
html[lang="en"]{--night:#041232;--night-2:#0B1B3F;--night-line:#18284C}
html[lang="hy"]{--night:#031949;--night-2:#0B2357;--night-line:#173065}
html[lang="hi"]{--night:#03043C;--night-2:#0B0C49;--night-line:#171957}
html[lang="id"]{--night:#3F0911;--night-2:#4B121B;--night-line:#571E29}
html[lang="pt"]{--night:#032F06;--night-2:#0B3A0F;--night-line:#17471D}
html[lang="es"]{--night:#3F0B0F;--night-2:#4B1419;--night-line:#572027}
html[lang="bn"]{--night:#033127;--night-2:#0B3C32;--night-line:#174840}
html[lang="ta"]{--night:#09310B;--night-2:#113C15;--night-line:#1D4923}
html[lang="ms"]{--night:#040431;--night-2:#0B0C3D;--night-line:#18194B}
.who-c{color:#0F6B78}

/* Official Solovo wordmark in site headers */
.header .brand img{flex:none}
@media(max-width:600px){.header .brand img{width:122px;height:auto}}

/* === SOLOVO V5: responsive header with official horizontal wordmark === */
.header{
  border-bottom:1px solid #eeebf4;
}
.header .header-in{
  min-height:78px;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:20px;
  padding:12px 28px;
}
.header .brand{
  display:inline-flex;
  align-items:center;
  flex:none;
  padding:4px 0;
  min-width:0;
}
.header .brand img{
  display:block;
  width:154px;
  max-width:none;
  height:auto;
  border-radius:0;
  object-fit:contain;
}
.header .nav{
  margin-left:12px;
  display:flex;
  align-items:center;
  gap:22px;
  font-size:15px;
  font-weight:600;
  flex:0 0 auto;
}
.header .nav a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:8px 0;
  line-height:1.25;
  color:#333044;
  white-space:nowrap;
  text-decoration:none;
  box-shadow:none;
}
.header .nav a::after{
  opacity:0;
}
.header .nav a:hover,.header .nav a[aria-current="page"]{color:#5844d3;box-shadow:none}
.header .nav a:hover::after,.header .nav a[aria-current="page"]::after{
  opacity:1;transform:scaleX(1)
}
.header .lang-switch{margin-left:auto;flex:0 0 auto}
.header .lang-btn{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 10px;
  font-size:14px;
  font-weight:600;
  border-radius:12px;
  color:#322d48;
}
.header .lang-btn:hover,.header .lang-btn[aria-expanded="true"]{
  background:#f2efff;color:#5741d0;
}
.header .btn-outline{
  margin-left:0;
  padding:0 14px;
  min-height:44px;
  border-radius:14px;
  border:1px solid #ded8ee;
  font-size:14px;
  font-weight:600;
  color:#473e63;
  background:white;
  flex:0 0 auto;
  box-shadow:none;
}
.header .btn-outline:hover{
  color:#5741d0;
  border-color:#b9a9ef;
  background:#f8f5ff;
}
.header .btn-primary{
  margin-left:0;
  min-height:44px;
  flex:0 0 auto;
  padding:0 18px;
  border-radius:14px;
  font-weight:700;
  font-size:14.5px;
}
.header .btn-primary:hover{box-shadow:0 6px 16px rgba(89,61,207,.18)}
.header .btn-primary .icon{width:17px;height:17px}
.header .menu-btn{
  width:44px;height:44px;
  padding:0;
  margin-left:0;
  border:1px solid #e6e1f0;
  border-radius:13px;
  color:#332c4a;
  background:#fff;
  flex:none;
}
.header .menu-btn:hover,.header .menu-btn[aria-expanded="true"]{background:#f4f1ff;border-color:#d4c6f7;color:#5741d0}
.header .lang-menu{border-color:#e6e0ef;box-shadow:0 18px 48px rgba(26,16,56,.15)}
.header.tight .header-in{gap:16px}
.header.tight .nav{margin-left:0}
.header.tight .header-in > .btn-outline{display:none}
/* Hide the navigation before it wraps. A single consistent toolbar is clearer than two rows. */
.header.compact .nav,.header.compact .header-in > .btn-outline{display:none}
.header.compact .menu-btn{display:inline-flex;align-items:center;justify-content:center}
.header.compact .header-in{gap:14px}
.header.compact .mobile-nav.open{display:block}
.header.compact .brand img{width:148px}
/* Show the primary download action on tablet/mobile, where V4 had hidden it. */
@media(max-width:1100px){
  .header .nav,.header .header-in > .btn-outline{display:none}
  .header .menu-btn{display:inline-flex;align-items:center;justify-content:center}
  .header .header-in{gap:14px;min-height:70px;padding:11px 22px}
  .header .brand img{width:146px}
  .header .btn-primary{display:inline-flex;align-items:center;justify-content:center}
  .header .lang-switch{margin-left:auto}
  .header .lang-btn{width:44px;min-width:44px;justify-content:center;padding:0 9px}
  .header .lang-btn .lang-cur,.header .lang-btn .lang-code,.header .lang-btn .icon:last-child{display:none!important}
  .header .mobile-nav{padding:8px 22px 22px;border-color:#ebe7f5;background:#fff}
  .header .mobile-nav a{font-size:16px;font-weight:600;color:#322c45}
  .header .mobile-nav a:hover{color:#5e45dd}
}
@media(min-width:1101px){
  .header .menu-btn{display:none}
}
@media(max-width:520px){
  .header .header-in{padding:10px 16px;gap:8px;min-height:64px}
  .header .brand img,.header.compact .brand img{width:126px}
  .header .lang-btn{height:44px}
  .header .btn-primary{
     display:inline-flex;
     width:44px;min-width:44px;
     padding:0;
     overflow:hidden;
     font-size:0;
     gap:0;
     border-radius:13px;
  }
  .header .btn-primary .icon{width:19px;height:19px;flex:none}
  .header .mobile-nav{padding:8px 16px 18px}
  .header .lang-menu{right:-95px;left:auto;top:calc(100% + 10px);width:min(320px,calc(100vw - 24px))}
}
@media(max-width:350px){
  .header .header-in{padding-left:12px;padding-right:12px;gap:5px}
  .header .brand img,.header.compact .brand img{width:112px}
  .header .lang-btn,.header .menu-btn,.header .btn-primary{width:42px;min-width:42px;height:42px;min-height:42px}
}
@media(prefers-reduced-motion:reduce){
  .header .nav a,.header .nav a::after{transition:none}
}


/* ===== Full-site UX/UI audit V6 ===== */

.header{background:rgba(255,255,255,.94);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);box-shadow:0 1px 0 rgba(21,23,28,.06)}
.header-in{padding-top:14px;padding-bottom:14px}
.brand{gap:0;min-width:max-content;line-height:0}
.brand-wordmark{display:block;width:auto;height:40px;max-width:none;border-radius:0}
.footer .brand{font-size:0;line-height:0}
.footer .brand-wordmark-footer{height:34px}
.wrap{padding-left:28px;padding-right:28px}
.section{padding:104px 0}
.section-sm{padding:80px 0}
.hero{padding:80px 0 96px}
.page-hero{padding:96px 0 76px}
.lead{max-width:640px}
.body{max-width:580px}
.article{max-width:800px}
.article p{max-width:760px}
.card,.white-card,.topic,.platform,.invite-box,.settings,.shared,.callout{box-shadow:0 10px 30px rgba(22,18,43,.04);border:1px solid rgba(22,18,43,.08)}
.card,.topic,.platform,.white-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
a.card:hover,.topic:hover,.platform:hover,.white-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(22,18,43,.08)}
.topics{gap:20px}
.topic{min-height:184px;border-radius:24px}
.faq summary{padding:28px 0;font-size:20px;line-height:1.35}
.faq details p{padding:0 0 28px;font-size:17px;line-height:1.7}
.footer{padding:80px 0 36px}
.footer-top{align-items:flex-start}
.footer-id{gap:20px}
.footer-cols{gap:36px 56px}
.footer-bottom{margin-top:48px}
.company{max-width:340px}
.post-cover,.article-cover{box-shadow:0 10px 30px rgba(22,18,43,.06)}
.search{box-shadow:0 8px 24px rgba(22,18,43,.04)}
.cta{box-shadow:0 20px 44px rgba(22,18,43,.12)}
.callout{padding:36px}
@media (max-width:900px){
  .header-in{padding-left:20px;padding-right:20px}
  .wrap{padding-left:20px;padding-right:20px}
  .section{padding:76px 0}
  .section-sm{padding:64px 0}
  .hero{padding:64px 0 76px}
  .page-hero{padding:72px 0 64px}
  .mobile-nav{padding-left:20px;padding-right:20px;background:#fff}
  .footer{padding:64px 0 32px}
}
@media (max-width:600px){
  .footer .brand-wordmark-footer{height:30px}
  .wrap{padding-left:16px;padding-right:16px}
  .topic{min-height:auto}
  .faq summary{font-size:18px}
  .callout{padding:28px}
}


/* ===== Variant V7: solid locale bird, locale download CTA, larger header type ===== */

.header .brand-wordmark{height:44px}
.header-in{min-height:82px;gap:34px}
.nav{gap:30px}
.nav a{font-size:19px;line-height:1.2;font-weight:600;padding:16px 0}
.lang-btn{font-size:18px;font-weight:600;min-height:48px;padding:0 12px}
.header .btn{font-size:18px;font-weight:700;min-height:52px}
.header .btn-sm{padding:0 24px}
.header .btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 10px 22px rgba(22,18,43,.12)}
.header .btn-primary:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:#fff}
.header .btn-outline{border-width:1.75px}
.menu-btn{width:48px;height:48px}
.mobile-nav a{font-size:19px;min-height:56px}
.header .lang-cur,.header.tight .lang-cur{display:inline;font-size:18px}
.header.tight .nav{gap:28px;font-size:18px}
@media (max-width:900px){
  .header-in{min-height:72px;gap:18px}
  .header .brand-wordmark{height:38px}
  .header .btn,.lang-btn{font-size:17px}
}
@media (max-width:600px){
  .header .brand-wordmark{height:34px}
  .lang-btn{min-height:44px;padding:0 8px}
  .mobile-nav a{font-size:18px}
}


/* ===== V8 / Locale-aware header interactions (all 10 languages) ===== */
.header .nav a {
  position: relative;
  transition: color .18s ease;
}
.header .nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  height: 3px;
  border-radius: 999px;
  background: var(--accent-bright, var(--brand));
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .18s ease;
}
.header .nav a:hover,
.header .nav a:focus-visible,
.header .nav a[aria-current="page"] {
  color: var(--brand) !important;
}
.header .nav a[aria-current="page"] { box-shadow: none !important; }
.header .nav a:hover::after,
.header .nav a:focus-visible::after,
.header .nav a[aria-current="page"]::after { transform: scaleX(1); }
.header .lang-btn:hover,
.header .lang-btn:focus-visible {
  color: var(--brand);
  background: var(--blue-tint);
}
.header .lang-opt:hover,
.header .lang-opt:focus-visible,
.header .lang-opt[aria-current="true"] {
  color: var(--brand) !important;
  background: var(--blue-tint);
}
.header .mobile-nav a {
  transition: color .18s ease, background-color .18s ease;
}
.header .mobile-nav a:hover,
.header .mobile-nav a:focus-visible,
.header .mobile-nav a[aria-current="page"] {
  color: var(--brand) !important;
  background: var(--blue-tint);
}
.header .mobile-nav a:hover .icon,
.header .mobile-nav a:focus-visible .icon { color: var(--accent-bright, var(--brand)); }


/* V9: preserve desktop navigation for long translated section names.
   Dynamic fit falls back to two desktop rows, not a mobile hamburger. */
@media (min-width:1101px) {
  .header .header-in {
    max-width: 1540px;
    padding-left: 28px;
    padding-right: 28px;
    gap: clamp(14px, 1.4vw, 22px);
  }
  .header .nav {
    gap: clamp(14px, 1.35vw, 24px);
    min-width: 0;
    flex: 0 0 auto;
  }
  .header .nav a { font-size: 19px; }
  .header .btn-sm { padding-left: 17px; padding-right: 17px; }
  .header .brand img { flex: none; }
  /* Lower-priority action may be hidden before navigation itself is compromised. */
  .header.tight .header-in > .btn-outline,
  .header.tworow .header-in > .btn-outline { display: none; }
  .header.tight .nav {gap:14px}
  .header.tight .header-in{gap:15px}
  .header.tworow .header-in {
    display:flex;
    flex-wrap:wrap;
    row-gap:0;
    column-gap:20px;
    min-height:82px;
    padding-top:12px;
    padding-bottom:0;
  }
  .header.tworow .nav {
    display:flex !important;
    order:10;
    flex:0 0 100%;
    width:100%;
    gap:30px;
    justify-content:center;
    margin:10px 0 0;
    padding:0;
    border-top:1px solid var(--line);
  }
  .header.tworow .nav a {padding:12px 0 15px}
  .header.tworow .menu-btn {display:none !important}
  .header.tworow .lang-switch {margin-left:auto}
  .header.tworow .header-in>.btn-primary {display:inline-flex}
  .header.tworow .header-in>.btn-outline {display:none}
}
@media (max-width:1100px){
  .header.compact .nav {display:none}
  .header.compact .menu-btn {display:inline-flex}
}


/* ======================================================================
   V10 / Professionally audited homepage system (all ten locales)
   Scope: homepage only; inner pages retain their established design.
   ====================================================================== */
.home-v10 {
  --home-content-gap:clamp(30px,3.8vw,58px);
}
.home-v10 .hero {
  padding:clamp(58px,5.2vw,80px) 0 clamp(70px,5.5vw,88px);
}
.home-v10 .hero .wrap.split {
  gap:var(--home-content-gap);
  align-items:center;
}
.home-v10 .hero .split > * {flex:1 1 0;min-width:0}
.home-v10 .hero .copy {max-width:590px}
.home-v10 .hero .display {
  font-size:clamp(48px,4.9vw,72px);
  line-height:1.075;
  font-weight:800;
  letter-spacing:-.044em;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
.home-v10 .hero .flagmark {margin:22px 0 12px}
.home-v10 .hero .lead {
  font-size:clamp(17px,1.47vw,20px);
  line-height:1.58;
  max-width:540px;
  letter-spacing:-.005em;
}
.home-v10 .hero .btn-row {gap:12px;margin-top:28px}
.home-v10 .hero .btn-row .btn {
  min-height:54px;
  padding:0 21px;
  font-size:16px;
  font-weight:700;
  box-shadow:0 8px 18px rgba(17,22,36,.09);
}
.home-v10 .hero .copy > .link {margin-top:22px;font-size:16px}
.home-v10 .hero-visual {isolation:isolate;border-radius:30px}
.home-v10 .hero-visual .photo {
  height:clamp(460px,41.5vw,560px);
  border-radius:30px;
  object-position:50% 36%;
  box-shadow:0 24px 50px rgba(15,20,38,.10);
}
.home-v10 .hero-visual::after {border-radius:0 0 30px 30px;opacity:.85}
.home-v10 .hero-visual .chat.float {max-width:58%;left:18px;bottom:18px}
.home-v10 .hero-visual .pill-call {top:16px;right:16px;max-width:78%}
.home-v10 .section {padding-top:clamp(72px,6.8vw,98px);padding-bottom:clamp(72px,6.8vw,98px)}
.home-v10 .section .wrap.split {gap:clamp(36px,5vw,72px)}
.home-v10 h2.h2 {
  font-size:clamp(34px,3.7vw,52px);
  line-height:1.105;
  letter-spacing:-.033em;
  text-wrap:balance;
}
.home-v10 .section .body {font-size:clamp(17px,1.46vw,19px);line-height:1.66}
.home-v10 .white-card {min-width:0}
.home-v10 .white-card h3 {font-size:21px;line-height:1.25}
.home-v10 .white-card p {line-height:1.62}
.home-v10 .cta {padding:clamp(38px,5.6vw,76px);gap:32px;border-radius:32px}
.home-v10 .cta h2 {font-size:clamp(36px,4vw,58px);line-height:1.09}
.home-v10 .cta .btn-row {gap:12px}
.home-v10 .cta .btn-white {font-size:16px;white-space:nowrap}
.home-v10 .footer .company {line-height:1.75}
.home-v10 .header .header-download-label {display:inline}
.home-v10 .hero .btn-row .btn:focus-visible,.home-v10 .hero .link:focus-visible {outline-offset:4px}
/* Writing systems require extra vertical metrics and should never be split mid-word. */
html[lang="hy"] .home-v10 .hero .display {font-size:clamp(45px,4.65vw,68px);letter-spacing:-.018em;line-height:1.13}
html[lang="hi"] .home-v10 .hero .display,
html[lang="bn"] .home-v10 .hero .display,
html[lang="ta"] .home-v10 .hero .display {
  font-size:clamp(44px,4.4vw,65px);
  letter-spacing:0;
  line-height:1.19;
  text-wrap:pretty;
  overflow-wrap:normal;
}
html[lang="hy"] .home-v10 h2.h2,
html[lang="hi"] .home-v10 h2.h2,
html[lang="bn"] .home-v10 h2.h2,
html[lang="ta"] .home-v10 h2.h2 {letter-spacing:0;line-height:1.18}
@media(min-width:901px) and (max-width:1160px) {
  .home-v10 .hero .display {font-size:clamp(43px,5vw,61px)}
  .home-v10 .hero .wrap.split {gap:30px}
  .home-v10 .hero-visual .photo {height:460px}
  .home-v10 .hero-visual .chat.float {max-width:68%}
}
@media(max-width:900px){
  .home-v10 .hero {padding:52px 0 66px}
  .home-v10 .hero .wrap.split {gap:35px}
  .home-v10 .hero .split > * {flex:1 1 100%}
  .home-v10 .hero .copy {max-width:720px}
  .home-v10 .hero .display {font-size:clamp(41px,6.8vw,62px)}
  .home-v10 .hero-visual .photo {height:clamp(345px,55vw,520px)}
  .home-v10 .hero-visual .chat.float {max-width:60%}
  .home-v10 .section {padding-top:68px;padding-bottom:68px}
  .home-v10 .section .wrap.split {gap:34px}
  .home-v10 .section .body {max-width:680px}
  .home-v10 .cta {padding:44px;border-radius:28px}
}
@media(max-width:600px){
  .home-v10 .header .header-in>.btn-primary {
    width:46px!important;min-width:46px!important;
    height:46px!important;min-height:46px!important;
    padding:0!important;border-radius:14px!important;
    display:inline-flex!important;align-items:center;justify-content:center;
    font-size:16px!important;flex:none;overflow:visible;
  }
  .home-v10 .header .header-in>.btn-primary .header-download-label {display:none!important}
  .home-v10 .header .header-in>.btn-primary .icon {display:block;width:20px;height:20px}
  .home-v10 .hero {padding:37px 0 53px}
  .home-v10 .hero .wrap.split {gap:27px}
  .home-v10 .hero .display {
    font-size:clamp(34px,8.5vw,42px);
    line-height:1.12;
    letter-spacing:-.035em;
  }
  .home-v10 .hero .flagmark {margin:15px 0 12px}
  .home-v10 .hero .lead {font-size:16px;line-height:1.57;max-width:none}
  .home-v10 .hero .btn-row {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px;width:100%;margin-top:19px;
  }
  .home-v10 .hero .btn-row .btn {
    width:100%;min-width:0;min-height:49px;
    padding:0 7px;font-size:14px;
    gap:7px;white-space:nowrap;line-height:1.1;
  }
  .home-v10 .hero .btn-row .btn .icon {width:17px;height:17px}
  .home-v10 .hero .copy > .link {margin-top:17px;font-size:15px}
  .home-v10 .hero-visual .photo {
    height:clamp(284px,87vw,350px);
    border-radius:24px;
    object-position:50% 40%;
  }
  .home-v10 .hero-visual{border-radius:24px}
  .home-v10 .hero-visual::after{border-radius:0 0 24px 24px}
  .home-v10 .hero-visual .chat.float {left:10px;bottom:10px;width:245px;max-width:69%;border-radius:17px}
  .home-v10 .hero-visual .pill-call {top:10px;right:10px;max-width:82%;padding:6px 11px 6px 6px}
  .home-v10 .hero-visual .pill-call b{font-size:12px}
  .home-v10 .hero-visual .pill-call small{font-size:11px}
  .home-v10 .section {padding-top:60px;padding-bottom:60px}
  .home-v10 .section .wrap.split {gap:27px}
  .home-v10 h2.h2 {font-size:clamp(29px,7vw,36px);line-height:1.14}
  .home-v10 .section .body {font-size:16.5px;line-height:1.62}
  .home-v10 .white-card {padding:20px;gap:15px}
  .home-v10 .white-card .stage {height:195px}
  .home-v10 .grid-3 {gap:16px}
  .home-v10 .cta {padding:29px 23px;gap:24px;border-radius:22px}
  .home-v10 .cta h2 {font-size:34px}
  .home-v10 .cta p {font-size:16px;line-height:1.55}
  .home-v10 .cta .btn-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%}
  .home-v10 .cta .btn-row .btn {min-height:47px;padding:0 8px;font-size:13.5px;gap:6px;white-space:nowrap}
  .home-v10 .cta .btn-row .btn .icon {width:17px;height:17px}
  .home-v10 .cta .btn-row .btn:last-child:nth-child(odd){grid-column:1/-1}
  .home-v10 .footer {padding-top:56px}
  .home-v10 .footer-top {gap:36px}
  .home-v10 .footer-cols {gap:26px 30px}
  .home-v10 .footer-bottom {margin-top:34px}
}
@media(max-width:600px){
  html[lang="hy"] .home-v10 .hero .display {font-size:clamp(32px,8.1vw,39px);letter-spacing:0;line-height:1.16}
  html[lang="hi"] .home-v10 .hero .display,
  html[lang="bn"] .home-v10 .hero .display,
  html[lang="ta"] .home-v10 .hero .display {
     font-size:clamp(31px,8vw,38px);letter-spacing:0;line-height:1.22;
  }
}
@media(max-width:350px){
  .home-v10 .header .header-in>.btn-primary {height:42px!important;min-height:42px!important;width:42px!important;min-width:42px!important}
  .home-v10 .hero .btn-row {gap:7px}
  .home-v10 .hero .btn-row .btn {font-size:12.5px;gap:5px;padding:0 5px}
  .home-v10 .hero .display{font-size:32px}
  .home-v10 .hero-visual .photo{height:280px}
}
@media(prefers-reduced-motion:reduce){
 .home-v10 * {animation:none!important;transition:none!important}
}
/* Text values inside the homepage privacy mock-up may be longer in translation. */
.home-v10 .settings .row .n {min-width:0;overflow-wrap:break-word}
.home-v10 .settings .row .v {min-width:0;max-width:43%;text-align:right;overflow-wrap:anywhere;line-height:1.35}
@media(max-width:380px){
  .home-v10 .settings .row {gap:8px}
  .home-v10 .settings .row .v {font-size:12px;max-width:38%}
  .home-v10 .settings .row .n {font-size:14px}
}


/* V11 | Localized animated homepage hero — original locale-specific videos */
.hero-visual video.hero-video{display:block;width:100%;object-fit:cover;object-position:50% 20%;border-radius:32px;background:transparent}
.hero-visual img.hero-poster{display:none}
.hero-visual.hero-video-fallback video.hero-video{display:none!important}
.hero-visual.hero-video-fallback img.hero-poster{display:block!important}
.hero-visual .hero-motion-toggle{position:absolute;right:20px;bottom:20px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(255,255,255,.86);color:var(--brand);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 22px rgba(0,0,0,.14);cursor:pointer;transition:background .2s,transform .2s}
.hero-visual .hero-motion-toggle:hover{background:#fff;transform:scale(1.06)}
.hero-visual .hero-motion-toggle:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.hero-visual .hero-motion-toggle svg{width:19px;height:19px;fill:currentColor}
.hero-visual .hero-motion-toggle .motion-icon-play{display:none}
.hero-visual .hero-motion-toggle[data-state="paused"] .motion-icon-play{display:block}
.hero-visual .hero-motion-toggle[data-state="paused"] .motion-icon-pause{display:none}
.hero-visual.hero-video-fallback .hero-motion-toggle{display:none!important}
@media(max-width:600px){.hero-visual .hero-motion-toggle{right:14px;bottom:14px;width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){
  .hero-visual video.hero-video{display:none!important}
  .hero-visual img.hero-poster{display:block!important}
  .hero-visual .hero-motion-toggle{display:none!important}
}


/* V12 · official-style store badges on homepages — independent of locale color */
.hero .store-badges, .cta .store-badges {
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.store-badge-link{
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;background:transparent!important;border:none!important;
  padding:0!important;margin:0!important;box-shadow:none!important;
  text-decoration:none;line-height:0;border-radius:9px;
  transition:transform .15s ease,filter .15s ease;
}
.store-badge-link img{height:56px;width:auto;max-width:100%;display:block;object-fit:contain;border-radius:9px}
.store-badge-link:hover{transform:translateY(-2px);filter:brightness(1.07)}
.store-badge-link:focus-visible{outline:3px solid var(--blue, #6a55ec);outline-offset:4px}
@media(max-width:480px){
 .hero .store-badges,.cta .store-badges{gap:8px;flex-wrap:nowrap}
 .store-badge-link img{height:clamp(40px,12.8vw,53px)}
}
@media(prefers-reduced-motion:reduce){.store-badge-link{transition:none}.store-badge-link:hover{transform:none}}

/* V14: crawlable, accessible Help instructions (derived from existing localized steps) */
.seo-visible-steps{margin:18px 0 24px;border:1px solid var(--line,#e6e3ed);background:#fff;border-radius:18px;padding:0 18px;overflow:hidden}
.seo-visible-steps>summary{cursor:pointer;list-style-position:inside;padding:18px 0;font-size:17px;font-weight:700;color:var(--ink,#25203d)}
.seo-visible-steps>summary:focus-visible{outline:3px solid var(--blue,#7054ee);outline-offset:4px}
.seo-steps-intro{font-size:15px;color:var(--muted,#665d77);margin:0 0 12px!important}
.seo-instruction-list{counter-reset:guide-step;display:grid;gap:12px;margin:0 0 20px;padding:0;list-style:none}
.seo-instruction-list li{position:relative;padding:12px 14px 12px 46px;background:var(--soft,#f7f5ff);border-radius:12px;min-width:0}
.seo-instruction-list li::before{counter-increment:guide-step;content:counter(guide-step);position:absolute;left:12px;top:14px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--blue,#7054ee);color:white;font-size:12px;font-weight:700}
.seo-instruction-list strong{display:block;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.seo-instruction-list p{font-size:14px!important;line-height:1.6!important;margin-top:3px!important;color:var(--text,#49415d)!important}
@media(max-width:600px){.seo-visible-steps{padding:0 14px}.seo-visible-steps>summary{font-size:16px}.seo-instruction-list li{padding-left:45px}}

/* V15 · store badges on download cards: identical artwork to the homepage. */
.platform .store-badge-link{
  align-self:flex-start;
  flex-shrink:0;
  max-width:100%;
}
.platform .store-badge-link img{
  max-width:100%;
  object-fit:contain;
}
@media (max-width:480px){
  .platform .store-badge-link img{height:clamp(40px,12.8vw,53px)}
}

/* About page: long-form article blocks (CEO letter, lists, facts table). */
.about-body .article p{margin:0 0 18px}
.about-body .article>p:first-child{margin-top:0}
.article ul{margin:0 0 20px;padding-left:22px}
.article li{font-size:18px;line-height:1.7;color:#2B3748;margin:8px 0}
.ceo-letter{background:var(--soft);border:1px solid rgba(22,18,43,.08);border-radius:28px;padding:40px 44px;margin:20px 0 8px}
.ceo-letter p{font-size:18px}
.ceo-letter .ceo-by{font-weight:700;color:var(--ink);font-size:17px;margin:0 0 18px}
.ceo-letter p:last-child{margin-bottom:0}
.table-wrap{overflow-x:auto;margin:16px 0 8px}
.article table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.article th,.article td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.article th{font-weight:600;color:var(--ink)}
.article td:first-child{color:var(--text);width:38%}
@media(max-width:600px){.ceo-letter{padding:26px 22px;border-radius:22px}.article li,.ceo-letter p{font-size:17px}.article th,.article td{padding:10px 8px;font-size:15px}}
.photo.photo-team{object-position:58% 35%}
/* About hero: title higher, competencies paragraph on the first screen. */
.hero.hero-about{padding:48px 0 72px}
.hero-about .split{align-items:flex-start}
.hero-about .lead-sub{font-size:17px;line-height:1.65;color:var(--text);margin:14px 0 0;max-width:560px}
.hero-about .lead-sub + .link{margin-top:20px}
@media(max-width:760px){.hero.hero-about{padding:32px 0 56px}.hero-about .lead-sub{font-size:16px}}
/* Store badges in the "Download Solovo" CTA: badges share one row on phones, web version below. */
@media(max-width:480px){
 .cta .store-badges{flex-wrap:wrap}
 .cta .store-badges .store-badge-link{flex:1 1 0;min-width:0}
 .cta .store-badges .store-badge-link img{width:100%;height:auto;max-height:53px}
 .cta .store-badges .btn{flex:1 0 100%;justify-content:center}
}