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

*{
box-sizing:border-box;
}

html,body{
height:auto;
overflow-x:hidden;
overflow-y:auto;
}

body{
margin:0;
font-family:'Roboto', sans-serif;
background:#ffffff;
color:#606569;
min-height:100vh;
padding-bottom:90px;
}

.bg-white{
background:#ffffff;
}
/* HEADER */

.header{
display:flex;
justify-content:space-between;
align-items:center;
background:#fff;
padding:12px 16px;
border-bottom:1px solid #eee;
}

.nav-left{
display:flex;
align-items:center;
gap:10px;
font-weight:600;
}

.mini-logo{
width:28px;
height:28px;
border-radius:6px;
}

.nav-right{
display:flex;
gap:16px;
font-size:18px;
color:#666;
}

/* CONTAINER */
section{
margin-bottom:24px;
}


/* APP HEADER */

.app-header{
display:flex;
gap:12px;
}

.icon{
width:72px;
height:72px;
border-radius:16px;
}

.title{
font-size:22px;
font-weight:600;
}

.developer{
color:#1a8f5a;
font-size:14px;
}

/* STATS */

.stats{
display:flex;
margin:10px 16px;
}

.stats{
display:flex;
align-items:center;
justify-content:space-between;
margin:10px 16px;
}

.stat{
flex:1;
text-align:center;
padding:0 10px;
position:relative;
}

/* Divider antar kolom */
.stat:not(:last-child)::after{
content:"";
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
width:1px;
height:32px;
background:#e0e0e0;
}

.stat:not(:last-child){
border-right:1px solid #e0e0e0;
}

@media (max-width:600px){

.container{
max-width:100%;
padding:14px;
padding-bottom:260px;
}

}

.stats{
margin:16px 6px;
gap:6px;
}


.stat{
padding:0 6px;
}



.stat-bottom{
font-size:11px;
}

}

.big{
font-size:18px;
font-weight:600;
}

/* INSTALL */

.install{
margin-top:20px;
width:100%;
background:#1a8f5a;
color:#fff;
border:none;
padding:14px;
border-radius:10px;
font-size:16px;
cursor:pointer;
}

/* SCREEN */

.screens{
display:flex;
overflow-x:auto;
gap:12px;
margin-top:20px;
scroll-behavior:smooth;
}

.screens::-webkit-scrollbar{
display:none;
}

.screen{
width:180px;
border-radius:12px;
flex-shrink:0;
}

/* ABOUT */

.about{
margin-top:25px;
font-size:14px;
line-height:1.6;
background:#ffffff;
}

/* RATING */

.rating{
margin-top:24px;
background:#ffffff;
}

.ratingScore{
display:flex;
align-items:center;
gap:12px;
}

.score{
font-size:42px;
font-weight:600;
}

.star{
color:#1a8f5a;
}

/* BARS */

.bar{
display:flex;
align-items:center;
gap:8px;
margin:6px 0;
}

.barbg{
flex:1;
height:8px;
background:#ddd;
border-radius:6px;
overflow:hidden;
}

.barfill{
height:100%;
width:0;
background:#1a8f5a;
transition:1s;
}

/* BOTTOM NAV */

.bottom{
position:fixed;
bottom:0;
left:0;
right:0;
height:64px;
background:#fff;
border-top:1px solid #ddd;
display:flex;
justify-content:space-around;
align-items:center;
}

.bottom div{
display:flex;
flex-direction:column;
align-items:center;
gap:4px;
}

.bottom .active{
color:#1a8f5a;
font-weight:600;
}

/* MOBILE */

@media (max-width:600px){

.icon{
width:64px;
height:64px;
}

.title{
font-size:18px;
}

.screen{
width:140px;
}

.score{
font-size:34px;
}

}

.verified{
font-size:13px;
color:#1a8f5a;
margin-top:4px;
}


.stats div{
flex:1;
}

.developer-row{
display:flex;
align-items:center;
gap:6px;
}

.verified-badge{
color:#1a73e8;
font-size:16px;
}

.playprotect{
display:flex;
align-items:center;
gap:6px;
font-size:13px;
color:#606569;
margin-top:4px;
}

.playprotect img{
width:16px;
}

.shot{
flex:0 0 auto;
width:180px;
height:320px;   /* samakan tinggi */
border-radius:16px;
overflow:hidden;
background:#000;
}
.badge{
width:22px;
margin-bottom:3px;
}

/* screenshot slider */
body{
padding-bottom:90px;
}
.screenshot-slider{
display:flex;
gap:16px;
overflow-x:auto;
padding:10px 4px;
align-items:flex-start;
}

.screenshot-slider::-webkit-scrollbar{
display:none;
}
.shot img{
width:100%;
height:100%;
object-fit:cover;  /* membuat gambar proporsional */
display:block;
border-radius:16px;
}

/* reviews */


.review{
display:flex;
gap:12px;
margin-top:20px;
}
.avatar{
width:40px;
height:40px;
border-radius:50%;
object-fit:cover;
}

.review-content{
flex:1;
}

.review-top{
display:flex;
justify-content:space-between;
font-weight:600;
}

.review-stars{
color:#01875f;
font-size:13px;
}

.review-text{
font-size:13px;
color:#606569;
line-height:1.6;
margin-top:4px;
}

.btn-help-outline{
border:1px solid #dadce0;
background:#fff;
padding:4px 12px;
border-radius:16px;
font-size:12px;
cursor:pointer;
}

.btn-help{
border:none;
background:#e8f0fe;
padding:4px 12px;
border-radius:16px;
font-size:12px;
cursor:pointer;
}

.help-actions{
display:flex;
align-items:center;
gap:8px;
margin-top:6px;
}

.review-help{
margin-top:10px;
font-size:12px;
color:#606569;
}

*{
box-sizing:border-box;
font-family:'Roboto', sans-serif;
}

.title{
font-size:16px;
font-weight:500;
color:#202124;
}

.developer{
font-size:13px;
color:#01875f !important;
font-weight:500;
}

.big{
font-size:14px;
font-weight:500;
}

.about{
font-size:12px;
color:#606569;
margin-top:24px;
}

.review-text{
font-size:12px;
color:#606569;
}

.date{
font-size:12px;
color:#606569;
}

.actions{
display:flex;
gap:30px;
margin-top:14px;
align-items:center;
}

.action{
display:flex;
align-items:center;
gap:6px;
color:#1a8f5a;
font-size:13px;
cursor:pointer;
}

.action span:first-child{
font-size:18px;
}

/* STATS PLAYSTORE STYLE */

.stats{
display:flex;
align-items:center;
justify-content:space-between;
margin-top:20px;
}


.divider{
width:1px;
height:32px;
background:#e0e0e0;
}

.badge{
width:22px;
margin-bottom:3px;
}

.update-date{
margin-top:12px;
font-size:12px;
color:#606569;
}

/* TAGS */

.tags{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-top:16px;
}

.tags span{
padding:6px 12px;
border:1px solid #dadce0;
border-radius:20px;
font-size:12px;
background:#fff;
}

/* DATA SAFETY */

.datasafety{
margin-top:24px;
background:#ffffff;
}

/* STATS LAYOUT */





.stat:not(:last-child){
border-right:1px solid #e0e0e0;
}

/* TEXT STYLE */






/* STAR */

.star{
font-size:14px;
}

/* EDITORS ICON */

.editor-icon{
width:18px;
height:18px;
display:block;
margin:0 auto 4px auto;
}

/* AGE BADGE */

.age{
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid #202124;
border-radius:4px;
padding:2px 8px;
font-size:12px;
flex:0 0 auto;
width:auto;
}

.ds-header{
display:flex;
justify-content:space-between;
align-items:center;
}

.ds-header h3{
margin:0;
font-size:16px;
color:#202124;
}

.arrow{
font-size:20px;
color:#606569;
}

.ds-desc{
font-size:13px;
margin-top:10px;
line-height:1.6;
color:#606569;
}

.ds-card{
margin-top:14px;
border:1px solid #e0e0e0;
border-radius:12px;
padding:14px;
background:#fff;
}

.ds-item{
display:flex;
gap:10px;
margin-bottom:12px;
font-size:13px;
color:#606569;
}

.ds-item span{
font-size:16px;
}

.ds-item small{
color:#80868b;
}

.detail-link{
color:#1a8f5a;
font-size:13px;
cursor:pointer;
}

/* REPORT BAR */

.report-bar{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
background:#f0f3f8;
color:#000000;
font-size:13px;
padding:12px 10px;
text-decoration:none;
border-bottom:1px solid #e0e0e0;
}

.report-bar:hover{
background:#e4e9f2;
}

.report-bar .material-icons{
font-size:18px;
}
/* TOP HEADER */

.top-header{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 12px;
background:#fff;
border-bottom:1px solid #e0e0e0;
}

.play-logo{
height:26px;
width:auto;
gap:14px;
}

.top-right{
display:flex;
gap:18px;
align-items:center;
}

.top-right .material-icons{
font-size:22px;
color:#606569;
cursor:pointer;
}

.profile{
background:#e0e0e0;
border-radius:50%;
padding:5px;
}

/* REPORT BAR */

.report-bar{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
background:#f0f3f8;
color:#1a73e8;
font-size:13px;
padding:12px;
text-decoration:none;
border-bottom:1px solid #e0e0e0;
}

/* APP HEADER */

.app-header{
display:flex;
gap:14px;
padding:16px;
background:#fff;
}

.app-icon{
width:72px;
height:72px;
border-radius:16px;
}

.app-info{
flex:1;
}

.app-title{
display:flex;
align-items:center;
gap:6px;
font-size:18px;
font-weight:500;
color:#202124;
}

.verified-icon{
width:10px;
height:13px;
object-fit:contain;
margin-top:2px;
}


.playprotect{
display:flex;
align-items:center;
gap:4px;
font-size:12px;
color:#606569;
margin-top:3px;
}

/* STATS */

.stats{
flex:none;
margin:10px 16px;
}


.stat:not(:last-child){
border-right:1px solid #e0e0e0;
}



.star{
color:#202124;
font-size:13px;
margin-left:2px;
}



.stat-top{
font-size:15px;
font-weight:500;
color:#202124;
display:flex;
justify-content:center;
align-items:center;
gap:4px;
width:100%;
}

.stat-bottom{
font-size:12px;
color:#606569;
margin-top:3px;
}

/* MOBILE SAFE AREA */



.container{
max-width:640px;
margin:auto;
padding:16px 20px;
padding-bottom:320px;
background:#ffffff;
}

}

.app-header{
margin-top:6px;
}



.install{
margin-top:18px;
}

.actions{
margin-top:14px;
gap:20px;
}

.screenshot-slider{
padding-left:2px;
}

.review{
display:flex;
gap:12px;
margin-top:20px;
}

.review-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:4px;
}

.review-name{
font-weight:500;
color:#202124;
font-size:13px;
}
.review-meta{
display:flex;
align-items:center;
gap:6px;
margin-bottom:6px;
}

.review-menu{
font-size:18px;
color:#606569;
}

.developer-reply{
background:#f1f3f4;
border-radius:8px;
padding:10px;
margin-top:12px;
}

.reply-header{
display:flex;
justify-content:space-between;
font-size:12px;
margin-bottom:4px;
}

.reply-dev{
font-weight:500;
color:#202124;
}

.reply-text{
font-size:12px;
color:#606569;
line-height:1.5;
}

.features{
margin-top:24px;
padding-top:12px;
}

.feature-text ul{
padding-left:18px;
margin-top:6px;
}

.features h3{
font-size:16px;
color:#202124;
margin-bottom:10px;
}

.feature-text{
font-size:13px;
color:#606569;
line-height:1.6;
}

.support{
margin-top:24px;
border-top:1px solid #e8eaed;
padding-top:16px;
padding-bottom:16px;
}

.support-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
}

.support-item{
display:flex;
align-items:center;
gap:12px;
font-size:13px;
color:#202124;
padding:8px 0;
}

.play-footer{
margin-top:30px;
border-top:1px solid #e8eaed;
padding-top:20px;
padding-bottom:40px;
font-size:13px;
color:#606569;
}

.see-all{
display:block;
margin-top:18px;
margin-bottom:24px;
color:#01875f;
font-size:13px;
cursor:pointer;
}

.footer-links{
margin-bottom:18px;
display:flex;
flex-direction:column;
gap:8px;
}

.footer-contact{
margin-top:12px;
display:flex;
flex-direction:column;
gap:6px;
}

.footer-policy{
display:flex;
gap:18px;
margin-top:20px;
font-size:12px;
flex-wrap:wrap;
}

.stat-top{
display:flex;
justify-content:center;
align-items:center;
}

.stat-top .age{
flex:0 0 auto;
width:auto !important;
}

.stat:nth-child(4){
flex:0 0 auto;
}

/* LOADING SCREEN */

#loading-screen{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
z-index:9999;
color:#fff;
font-size:14px;
}

.loader{
width:40px;
height:40px;
border:4px solid rgba(255,255,255,0.3);
border-top:4px solid #fff;
border-radius:50%;
animation:spin 1s linear infinite;
margin-bottom:10px;
}

@keyframes spin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

}

/* =========================================
   iPhone / iPad - Add to Home Screen popup
   Popup HTML/CSS, bukan gambar.
   ========================================= */
html.ios-guide-open,
html.ios-guide-open body {
  overflow: hidden;
}

.ios-install-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Arial, sans-serif;
}

.ios-install-modal.show {
  display: flex;
}

.ios-install-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.ios-install-dialog {
  position: relative;
  z-index: 1;
  width: min(94vw, 690px);
  max-height: 94vh;
  overflow: auto;
  background: #f5f5f7;
  border-radius: 34px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
  border: 1px solid rgba(255,255,255,.72);
  -webkit-overflow-scrolling: touch;
}

.ios-install-content {
  padding: 34px 34px 28px;
}

.ios-install-content h2 {
  margin: 0 54px 24px 0;
  text-align: center;
  font-size: clamp(22px, 4.2vw, 34px);
  line-height: 1.28;
  letter-spacing: -0.02em;
  color: #090909;
  font-weight: 650;
}

.ios-install-content h2 strong {
  font-weight: 800;
}

.ios-install-close {
  position: absolute;
  z-index: 3;
  top: 18px;
  right: 18px;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #ececef;
  color: #68686d;
  font-size: 38px;
  line-height: 1;
  font-weight: 250;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.ios-step-list {
  background: #fff;
  border-radius: 26px;
  padding: 24px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.025);
}

.ios-step {
  padding: 4px 0 18px;
}

.ios-step:last-child {
  padding-bottom: 2px;
}

.ios-step-title {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #0b0b0d;
  font-size: clamp(18px, 3.7vw, 27px);
  line-height: 1.3;
  font-weight: 520;
}

.ios-step-number {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #050505;
  color: #fff;
  font-size: 19px;
  font-weight: 750;
}

.ios-round-icon,
.ios-share-icon,
.ios-add-icon {
  display: inline-grid;
  place-items: center;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  margin: 0 3px;
  border-radius: 50%;
  background: #0a84ff;
  color: #fff;
  font-weight: 800;
  line-height: 1;
}

.ios-more {
  font-size: 17px;
  letter-spacing: -1px;
}

.ios-share-icon {
  font-size: 26px;
  font-weight: 650;
}

.ios-add-icon {
  border-radius: 10px;
  font-size: 26px;
}

.ios-add-button {
  display: inline-block;
  padding: 8px 16px 9px;
  border-radius: 18px;
  background: #0a84ff;
  color: #fff;
  font-weight: 700;
  font-size: .82em;
  vertical-align: 2px;
}

.ios-demo {
  width: calc(100% - 24px);
  margin: 14px auto 0;
  border-radius: 21px;
}

.ios-browser-demo {
  min-height: 91px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 19px;
  padding: 0 24px;
  background: #f0f0f2;
  color: #1f1f22;
  font-size: 21px;
}

.ios-browser-domain {
  flex: 1;
  min-width: 0;
  text-align: center;
  padding: 14px 12px;
  background: #fff;
  border-radius: 20px;
  font-size: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
}

.ios-browser-more {
  font-weight: 800;
  letter-spacing: -1px;
}

.ios-menu-demo {
  min-height: 93px;
  padding: 12px 18px;
  background: #f0f0f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ios-menu-row {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 8px 14px;
  background: #fff;
  color: #18181a;
  font-size: 17px;
}

.ios-menu-row:first-child {
  border-radius: 16px 16px 5px 5px;
}

.ios-menu-row:last-child {
  border-radius: 5px 5px 16px 16px;
}

.ios-menu-row.muted {
  color: #626267;
  border-top: 1px solid #ededf0;
}

.ios-share-mini {
  font-size: 25px;
}

.ios-home-demo {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 15px 20px;
  background: #343436;
  color: #fff;
  font-size: 17px;
  box-shadow: 0 8px 20px rgba(0,0,0,.15);
}

.ios-home-symbol {
  font-size: 24px;
  color: #f4f4f5;
}

.ios-confirm-demo {
  min-height: 74px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 18px;
  background: #050505;
  color: #fff;
  font-size: 16px;
}

.ios-confirm-x {
  flex: 0 0 auto;
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #353538;
  color: #c7c7cc;
  font-size: 22px;
}

.ios-confirm-label {
  flex: 1;
}

.ios-confirm-add {
  flex: 0 0 auto;
  padding: 9px 14px;
  border-radius: 17px;
  background: #0a84ff;
  color: #fff;
  font-weight: 700;
}

.ios-install-note {
  margin: 18px 4px 2px;
  text-align: center;
  color: #68686d;
  font-size: 14px;
  line-height: 1.45;
}

@media (max-width: 560px) {
  .ios-install-modal {
    padding: 8px;
  }

  .ios-install-dialog {
    width: 100%;
    max-height: 97vh;
    border-radius: 28px;
  }

  .ios-install-content {
    padding: 26px 15px 18px;
  }

  .ios-install-content h2 {
    margin: 0 45px 18px 0;
    font-size: 22px;
  }

  .ios-install-close {
    top: 13px;
    right: 13px;
    width: 42px;
    height: 42px;
    font-size: 32px;
  }

  .ios-step-list {
    border-radius: 22px;
    padding: 17px 13px;
  }

  .ios-step-title {
    gap: 7px;
    font-size: 17px;
  }

  .ios-step-number {
    width: 30px;
    height: 30px;
    font-size: 17px;
  }

  .ios-round-icon,
  .ios-share-icon,
  .ios-add-icon {
    width: 31px;
    height: 31px;
  }

  .ios-browser-demo {
    min-height: 76px;
    gap: 10px;
    padding: 0 12px;
    font-size: 18px;
  }

  .ios-browser-domain {
    padding: 11px 8px;
    font-size: 13px;
  }

  .ios-menu-row,
  .ios-home-demo,
  .ios-confirm-demo {
    font-size: 14px;
  }

  .ios-confirm-label {
    font-size: 13px;
  }
}


/* =========================================================
   TARGET-ORIGIN PWA LAUNCHER UI
   ========================================================= */
html.launcher-modal-open,
html.launcher-modal-open body {
  overflow: hidden !important;
}

.launcher-loading,
.target-ios-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: none;
}

.launcher-loading.show,
.target-ios-modal.show {
  display: grid;
}

.launcher-loading {
  place-items: center;
  padding: 18px;
  background: rgba(255,255,255,.97);
  backdrop-filter: blur(7px);
}

.launcher-loading-card {
  width: min(430px, 94vw);
  text-align: center;
  padding: 32px 26px 28px;
  border: 1px solid #e3e7e5;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15, 32, 24, .16);
}

.launcher-loading-image {
  width: 112px;
  height: 112px;
  object-fit: cover;
  border-radius: 24px;
  box-shadow: 0 12px 32px rgba(0,0,0,.18);
}

.launcher-loading-title {
  margin-top: 22px;
  color: #202124;
  font-size: 22px;
  font-weight: 700;
}

.launcher-loading-subtitle {
  margin-top: 7px;
  min-height: 21px;
  color: #6c7270;
  font-size: 14px;
}

.launcher-spinner {
  width: 38px;
  height: 38px;
  margin: 22px auto 16px;
  border: 4px solid #dfe9e4;
  border-top-color: #1a8f5a;
  border-radius: 50%;
  animation: launcherSpin .8s linear infinite;
}

.launcher-progress {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e9efec;
}

.launcher-progress-fill {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: #1a8f5a;
}

.launcher-install-continue {
  width: 100%;
  margin-top: 22px;
  padding: 13px 18px;
  border: 0;
  border-radius: 12px;
  background: #1a8f5a;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

@keyframes launcherSpin { to { transform: rotate(360deg); } }
@keyframes launcherProgress {
  0% { width: 4%; }
  28% { width: 38%; }
  62% { width: 72%; }
  100% { width: 100%; }
}

.target-ios-modal {
  place-items: center;
  padding: 12px;
}

.target-ios-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.68);
  backdrop-filter: blur(5px);
}

.target-ios-dialog {
  position: relative;
  z-index: 1;
  width: min(690px, 96vw);
  max-height: 96vh;
  overflow: auto;
  border-radius: 34px;
  background: #f7f7f7;
  color: #111;
  box-shadow: 0 28px 90px rgba(0,0,0,.34);
}

.target-ios-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  background: #ececef;
  color: #6c6c70;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
}

.target-ios-content {
  padding: 30px 28px 26px;
}

.target-ios-content h2 {
  margin: 0 58px 20px 0;
  text-align: center;
  font-size: clamp(21px, 4vw, 31px);
  line-height: 1.35;
  color: #090909;
}

.target-ios-steps {
  padding: 22px;
  border-radius: 25px;
  background: #fff;
}

.target-ios-step + .target-ios-step {
  margin-top: 21px;
}

.target-ios-step-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: clamp(16px, 3.2vw, 23px);
  font-weight: 550;
  line-height: 1.35;
}

.target-ios-num {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #050505;
  color: #fff;
  font-weight: 800;
}

.target-ios-share,
.target-ios-plus {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #0a84ff;
  color: #fff;
  font-size: 24px;
  vertical-align: middle;
}

.target-ios-share { border-radius: 50%; }

.target-ios-add {
  display: inline-block;
  padding: 7px 15px;
  border-radius: 18px;
  background: #0a84ff;
  color: #fff;
  font-weight: 700;
}

.target-ios-target-domain {
  margin: 12px 0 0 44px;
  padding: 14px 16px;
  border-radius: 16px;
  background: #f0f0f2;
  color: #222;
  text-align: center;
  font-size: 16px;
  font-weight: 650;
}

.target-ios-note {
  margin: 17px 5px 0;
  color: #626267;
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
}

.target-ios-open {
  width: 100%;
  margin-top: 18px;
  padding: 14px 18px;
  border: 0;
  border-radius: 14px;
  background: #0a84ff;
  color: #fff;
  font-size: 16px;
  font-weight: 750;
  cursor: pointer;
}