/* service_android_development.html — extracted internal + inline styles */

/* ---- Android page: playful, app-store-flavored components ---- */
.float-icon { position: absolute; width: 4.4rem; height: 4.4rem; border-radius: 1.35rem; overflow: hidden;
    background: #fff; border: 3px solid #fff; box-shadow: 0 .8rem 1.8rem rgba(30, 34, 40, .2); z-index: 3; }
.float-icon img { width: 100%; height: 100%; object-fit: cover; display: block; }

.app-card { border-radius: 1.4rem; background: #fff; height: 100%;
    box-shadow: 0 .5rem 1.6rem rgba(30, 34, 40, .08); transition: transform .22s ease, box-shadow .22s ease; }
.app-card:hover { transform: translateY(-8px); box-shadow: 0 1.6rem 3rem rgba(30, 34, 40, .16); }
.app-icon-img { flex: 0 0 auto; width: 4.6rem; height: 4.6rem; border-radius: 1.3rem; object-fit: cover;
    box-shadow: 0 .5rem 1rem rgba(30, 34, 40, .16); }
.app-cat { font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.app-accent { height: 5px; }
.accent--water { background: linear-gradient(90deg, #62cbf6, #3f86e0); }
.accent--baby  { background: linear-gradient(90deg, #ffb0cf, #ff6fa5); }
.accent--gps   { background: linear-gradient(90deg, #55d6a8, #23a06a); }
.gplay { height: 44px; width: auto; }

.btn-gplay { display: inline-flex; align-items: center; gap: .5rem; background: #12161c;
    color: #fff !important; padding: .42rem .95rem; border-radius: .7rem; text-decoration: none;
    line-height: 1; box-shadow: 0 .4rem 1rem rgba(18, 22, 28, .22);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.btn-gplay:hover { transform: translateY(-2px); background: #000;
    box-shadow: 0 .7rem 1.5rem rgba(18, 22, 28, .3); color: #fff; }
.btn-gplay__logo { width: 1.3rem; height: 1.3rem; flex: 0 0 auto; }
.btn-gplay__txt { display: flex; flex-direction: column; align-items: flex-start; }
.btn-gplay__txt small { font-size: .5rem; letter-spacing: .12em; text-transform: uppercase;
    opacity: .82; margin-bottom: 1px; }
.btn-gplay__txt b { font-size: .82rem; font-weight: 600; letter-spacing: .01em; }

/* ---- generated classes for inline styles ---- */
.gen-1 { top: -6%; right: -3%; }
.gen-2 { bottom: 8%; left: 3%; }
.gen-3 { z-index: 2; }
.gen-4 { top: 30%; left: -3%; }
.gen-5 { bottom: 20%; right: -3%; }
.gen-6 { max-width: 360px; }
.gen-7 { color: #ff6fa5; }
.gen-8 { height: 130px; }