@charset "UTF-8";:root{--clr-bg:#f8f6f3;--clr-text-main:#383737;--clr-heading:#8b5400;--clr-accent-yellow:#ffc46b;--clr-accent-orange:#e18237;--clr-brand-blue:#6767d4;--clr-brand-pink:#c51a9f;--clr-white:#fff;--font-primary:Verdana, sans-serif;--container-width:1280px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--clr-bg);color:var(--clr-text-main);font-family:var(--font-primary);font-size:16px;line-height:1.5}.container{max-width:var(--container-width);margin:0 auto;padding:0 40px}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:0 0;font-family:inherit}a{text-decoration:none;color:inherit}ul{list-style:none}.btn{border-radius:6px;padding:12px 16px;font-weight:700;color:var(--clr-white);font-size:18px;cursor:pointer;text-align:left;display:flex;align-items:center;transition:opacity .3s}.btn:hover{opacity:.8}.btn.android{background-color:var(--clr-brand-blue)}.btn.windows{background-color:var(--clr-brand-pink)}[data-layout=main-wrapper]{display:flex;flex-direction:column;min-height:100vh}[data-layout=content-area]{flex-grow:1;padding-top:82px}[data-component=site-header]{position:fixed;width:100%;background-color:var(--clr-accent-yellow);padding:10px 0;z-index:100;border-bottom:1px solid #ddd}[data-component=site-header] [data-container=header]{display:flex;justify-content:space-between;align-items:center}[data-component=site-header] .logo img{height:62px;width:auto}[data-component=site-header] .header-actions{display:flex;gap:20px}[data-component=site-header] .header-actions .btn .btn-info{display:flex;align-items:center;gap:8px}[data-component=site-header] .header-actions .btn span{font-size:14px;margin-right:10px}[data-component=lang-switcher]{position:relative;cursor:pointer}[data-component=lang-switcher] .current-lang,[data-component=lang-switcher] .lang-list a{display:flex;align-items:center;gap:12px}[data-component=lang-switcher] .flag{width:42px;height:42px;border-radius:50%;object-fit:cover}[data-component=lang-switcher] span{color:var(--clr-text-main);text-transform:uppercase;font-size:17px}[data-component=lang-switcher] .arrow{transition:transform .3s}[data-component=lang-switcher] .lang-list{display:none;position:absolute;top:120%;left:0;background-color:var(--clr-brand-blue);padding:8px;border-radius:8px;width:110px}[data-component=lang-switcher] .lang-list a{margin-bottom:12px}[data-component=lang-switcher] .lang-list a:last-child{margin-bottom:0}[data-component=lang-switcher] .lang-list a span{color:var(--clr-white);transition:color .3s}[data-component=lang-switcher] .lang-list a:hover span{color:var(--clr-brand-pink)}[data-component=lang-switcher].is-active .lang-list{display:block}[data-component=lang-switcher].is-active .arrow{transform:rotate(180deg)}[data-component=hero-banner]{max-width:980px;margin:30px auto 15px;padding:40px;border:3px solid var(--clr-accent-yellow);box-shadow:12px -12px 0 0 var(--clr-accent-yellow)inset;position:relative}[data-component=hero-banner] [data-container=hero]{display:flex;gap:30px}[data-component=hero-banner] .hero-image img{border-radius:8px;width:286px}[data-component=hero-banner] .hero-info{display:flex;flex-direction:column;justify-content:center}[data-component=hero-banner] .hero-title{font-size:44px;font-weight:700;color:var(--clr-heading);margin-bottom:20px}[data-component=hero-banner] .hero-stats{display:flex;align-items:center;gap:15px;margin-bottom:20px}[data-component=hero-banner] .hero-stats .stat-label{font-size:14px;color:#6f6f6f;margin-bottom:4px}[data-component=hero-banner] .hero-stats .stat-value{font-size:16px;font-weight:700;color:var(--clr-heading);display:flex;align-items:center;gap:3px}[data-component=hero-banner] .hero-stats .stat-separator{color:#6f6f6f;font-size:24px}[data-component=hero-banner] .hero-actions{display:flex;flex-direction:column;gap:12px}[data-component=hero-banner] .hero-actions .btn div{margin-left:16px;line-height:1.2}[data-component=hero-banner] .hero-actions .btn span{font-size:12px;font-weight:400;color:var(--clr-white)}[data-component=content-block]{padding:44px;border:3px solid var(--clr-accent-yellow);box-shadow:12px -12px 0 0 var(--clr-accent-yellow)inset;margin-bottom:30px}[data-component=content-block] h1,[data-component=content-block] h2{text-align:center;padding:15px 0;color:var(--clr-heading)}[data-component=content-block] h1{font-size:26px}[data-component=content-block] h2{font-size:20px}[data-component=content-block] p{padding-bottom:20px}[data-component=content-block] figure{margin:0 auto 20px;text-align:center}[data-component=content-block] figcaption{font-size:14px;margin-top:10px}[data-component=content-block] img{border-radius:15px}[data-component=content-block] ul{margin-bottom:20px}[data-component=content-block] ul li{position:relative;padding-left:15px;padding-bottom:10px}[data-component=content-block] ul li::before{content:'';position:absolute;width:8px;height:8px;left:0;top:8px;background-color:var(--clr-accent-orange);border-radius:50%}[data-component=content-block] .button-block{text-align:center;margin:20px 0}[data-component=content-block] .button-block button{background-color:var(--clr-accent-yellow);color:var(--clr-text-main);padding:16px 34px;border-radius:8px;font-size:24px;font-weight:700;text-transform:uppercase}[data-component=breadcrumbs]{display:flex;align-items:center;padding-bottom:25px}[data-component=breadcrumbs] a{color:var(--clr-brand-blue)}[data-component=breadcrumbs] .last::before{content:' > ';margin:0 10px}[data-component=app-specs]{display:none;width:100%;max-width:320px;position:fixed;background-color:var(--clr-bg);border:3px solid var(--clr-accent-yellow);box-shadow:12px -12px 0 0 var(--clr-accent-yellow)inset;padding:32px;border-radius:12px;z-index:200;max-height:90vh;overflow-y:auto;right:0;top:100px}[data-component=app-specs].is-open{display:block}[data-component=app-specs] .close-btn{position:absolute;top:10px;right:10px;width:32px;height:32px}[data-component=app-specs] h3{text-align:left;padding:0;color:var(--clr-heading)}[data-component=app-specs] .specs-visual{margin:24px 0}[data-component=app-specs] .spec-item{margin-bottom:24px}[data-component=app-specs] .spec-item p{font-weight:400;color:#000;padding:0 0 8px}[data-component=app-specs] .spec-item span{font-weight:700;color:var(--clr-text-main)}[data-component=app-specs] .specs-actions .btn{width:100%;margin-bottom:10px}[data-component=app-specs] .specs-actions .btn div{margin-left:10px}[data-component=app-specs] .specs-actions .btn span{font-size:12px}[data-component=site-footer]{background:var(--clr-heading);padding:20px 0;color:var(--clr-white)}[data-component=site-footer] [data-container=footer]{text-align:center}[data-component=site-footer] .footer-nav ul{display:flex;justify-content:center;margin-bottom:20px}[data-element=scroll-top]{position:fixed;bottom:100px;right:20px;width:30px;height:30px;background-color:var(--clr-accent-orange);border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .3s;z-index:50}[data-element=scroll-top].is-visible{opacity:1;visibility:visible}[data-element=scroll-top] img{width:13px;height:13px}[data-element=specs-toggle]{display:none;position:fixed;top:100px;right:0;width:64px;height:64px;z-index:50;cursor:pointer}[data-component=footer-actions]{display:none;position:fixed;bottom:0;left:0;width:100%;height:80px;background-color:#fff6e4;z-index:100}[data-component=footer-actions] .container{display:flex;justify-content:center;align-items:center;height:100%;gap:20px}[data-component=footer-actions] .btn .btn-info{display:flex;align-items:center;gap:8px}@media(min-width:1370px){[data-component=hero-banner]{right:150px}[data-component=container]{max-width:980px;margin:0 auto;padding:0;position:relative;right:150px}[data-component=app-specs]{display:block;position:absolute;max-height:fit-content;z-index:-1}[data-component=app-specs] .close-btn{display:none}}@media(max-width:1370px){[data-element=specs-toggle]{display:block}}@media(max-width:1250px){.container{padding:0 20px}[data-layout=content-area]{padding-top:82px}.header-actions .btn span{display:none}}@media(max-width:820px){[data-component=site-header] .header-actions{display:none}[data-component=footer-actions]{display:block}[data-component=site-footer]{padding-bottom:100px}[data-component=hero-banner]{padding:20px;margin-top:15px}[data-component=hero-banner] [data-container=hero]{flex-direction:column;text-align:center;align-items:center}[data-component=hero-banner] .hero-image{max-width:180px;margin-bottom:20px}[data-component=hero-banner] .hero-info{margin-left:0}[data-component=hero-banner] .hero-stats{justify-content:center}[data-component=hero-banner] .hero-actions{flex-direction:row;justify-content:center}}@media(max-width:655px){[data-component=hero-banner]{box-shadow:8px -8px 0 0 var(--clr-accent-yellow)inset}[data-component=hero-banner] .hero-actions{flex-direction:column}[data-component=content-block]{padding:20px;box-shadow:8px -8px 0 0 var(--clr-accent-yellow)inset}[data-component=footer-actions] .btn .btn-info{font-size:12px}}