/* Método ROMA em alto contraste, com leitura sequencial e prioridade para o celular. */
.scope-swipe-hint{display:none}

html[data-design=apple] .seam-paper-pink{--seam-to:#0f0c0e}
html[data-design=apple] .seam-pink-paper{--seam-from:#0f0c0e}
html[data-design=apple] .service-scope{
  background:#0f0c0e;
  color:#fffaf9;
}
html[data-design=apple] .service-scope .method-stage{
  width:min(1320px,calc(100% - 96px));
  padding-block:88px 82px;
}
html[data-design=apple] .scope-heading{
  display:block;
  max-width:1040px;
  margin-bottom:54px;
}
html[data-design=apple] .scope-heading h2{
  max-width:none;
  color:#fffaf9;
  font-size:clamp(58px,7vw,96px);
  line-height:.96;
}
html[data-design=apple] .scope-heading h2 strong{color:#f21b32}
html[data-design=apple] .scope-heading>p{
  max-width:680px;
  margin-top:26px;
  color:#bdb3b6;
}
html[data-design=apple] .scope-layout{
  display:block;
}
html[data-design=apple] .scope-explanation{
  position:static;
  display:block;
  padding:34px 0 38px;
  border-top:1px solid #ffffff26;
}
html[data-design=apple] .scope-explanation h3{
  max-width:520px;
  color:#fffaf9;
  font-size:clamp(30px,3vw,44px);
}
html[data-design=apple] .scope-explanation p{
  max-width:560px;
  margin:0;
  color:#a99fa2;
  font-size:15px;
}
html[data-design=apple] .scope-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
  border:0;
}
html[data-design=apple] .scope-list article{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:430px;
  padding:28px 26px 30px;
  border:1px solid #ffffff1c;
  border-radius:22px;
  background:#191416;
  color:#fffaf9;
  scroll-snap-align:start;
  transition:transform .42s cubic-bezier(.22,1,.36,1),border-color .3s,background .3s;
}
html[data-design=apple] .scope-name{
  display:block;
  margin:0;
}
html[data-design=apple] .scope-name span{
  display:block;
  width:auto;
  margin-bottom:54px;
  color:#f21b32;
  font-size:68px;
  font-weight:600;
  line-height:.8;
  letter-spacing:-.06em;
}
html[data-design=apple] .scope-name h3{
  max-width:230px;
  color:#fffaf9;
  font-size:clamp(25px,2vw,31px);
  line-height:1.05;
}
html[data-design=apple] .scope-list article>p{
  min-height:3.2em;
  margin-top:16px;
  color:#c9c0c3;
  font-size:14px;
}
html[data-design=apple] .scope-list ul{
  display:grid;
  gap:10px;
  margin-top:auto;
  padding-top:30px;
  border-top:1px solid #ffffff17;
  color:#a99fa2;
  font-size:12px;
}
html[data-design=apple] .scope-list li{padding-left:12px}
html[data-design=apple] .scope-list li::before{background:#f21b32}
html[data-design=apple] .method-closure{
  display:flex;
  justify-content:center;
  margin-top:48px;
  padding-top:0;
}
html[data-design=apple] .method-closure .button{
  margin-top:0;
  background:#f21b32;
  color:#fff;
  box-shadow:0 12px 30px #ed17352e;
}

@media(hover:hover) and (pointer:fine){
  html[data-design=apple] .scope-list article:hover{
    transform:translateY(-5px);
    border-color:#f21b3270;
    background:#20181b;
  }
}

@media(max-width:900px){
  html[data-design=apple] .scope-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
  html[data-design=apple] .service-scope .method-stage{
    width:calc(100% - 40px);
    padding-block:58px 54px;
  }
  html[data-design=apple] .scope-heading{
    margin-bottom:38px;
    text-align:center;
  }
  html[data-design=apple] .scope-heading h2{
    font-size:clamp(46px,13.5vw,62px);
  }
  html[data-design=apple] .scope-heading>p{
    max-width:33ch;
    margin:20px auto 0;
    color:#bdb3b6;
    font-size:15px;
  }
  html[data-design=apple] .scope-explanation{
    display:block;
    width:min(100%,340px);
    margin-inline:auto;
    padding:28px 0 30px;
    text-align:left;
  }
  html[data-design=apple] .scope-explanation h3{
    font-size:30px;
  }
  html[data-design=apple] .scope-explanation p{
    margin-top:16px;
    font-size:14px;
  }
  html[data-design=apple] .scope-swipe-hint{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:min(100%,340px);
    margin:0 auto 16px;
    color:#a99fa2;
    font-size:11px;
    line-height:1.4;
    letter-spacing:.045em;
    text-transform:uppercase;
  }
  html[data-design=apple] .scope-swipe-hint span{
    color:#f21b32;
    font-size:20px;
    line-height:1;
  }
  html[data-design=apple] .scope-list{
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:min(82vw,330px);
    gap:12px;
    width:calc(100vw - 20px);
    margin-top:0;
    margin-right:-20px;
    padding:0 20px 8px 0;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:inline mandatory;
    scroll-padding-inline:0 20px;
    scrollbar-width:none;
  }
  html[data-design=apple] .scope-list::-webkit-scrollbar{display:none}
  html[data-design=apple] .scope-list article{
    min-height:410px;
    padding:26px 24px 28px;
  }
  html[data-design=apple] .scope-name span{
    margin-bottom:48px;
    font-size:62px;
  }
  html[data-design=apple] .scope-name h3{font-size:28px}
  html[data-design=apple] .scope-list article>p{font-size:14px}
  html[data-design=apple] .method-closure{
    width:min(100%,340px);
    margin:32px auto 0;
  }
}

@media(prefers-reduced-motion:reduce){
  html[data-design=apple] .scope-list article{transition:none}
}